:root{--idr-ink: #25234a;--idr-ink-soft: #63618a;--idr-blue: #3d29e8;--idr-yellow: #ffb900;--idr-line: #e2dff5;--idr-ease: cubic-bezier(.22, .61, .36, 1)}.multicolumn-card.has-info-panel{position:relative;cursor:pointer;border-radius:1.2rem;transition:transform .3s var(--idr-ease),box-shadow .3s var(--idr-ease)}.multicolumn-card.has-info-panel:hover,.multicolumn-card.has-info-panel:focus-visible{transform:translateY(-.3rem);box-shadow:0 1.2rem 3rem #3d29e824}.multicolumn-card.has-info-panel:focus-visible{outline:.2rem solid var(--idr-blue);outline-offset:.3rem}.multicolumn-card.has-info-panel:after{content:"";position:absolute;top:1.2rem;right:1.2rem;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--idr-yellow);opacity:0;transform:scale(.7);transition:opacity .28s var(--idr-ease),transform .28s var(--idr-ease);background-image:linear-gradient(var(--idr-ink),var(--idr-ink)),linear-gradient(var(--idr-ink),var(--idr-ink));background-size:.9rem .16rem,.16rem .9rem;background-position:center,center;background-repeat:no-repeat;pointer-events:none}.multicolumn-card.has-info-panel:hover:after,.multicolumn-card.has-info-panel:focus-visible:after,.multicolumn-card.has-info-panel[aria-expanded=true]:after{opacity:1;transform:scale(1)}.multicolumn-card__panel[hidden]{display:none}.info-drawer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#14122e8c;opacity:0;transition:opacity .35s var(--idr-ease);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.info-drawer__backdrop.is-open{opacity:1}.info-drawer{position:fixed;top:0;right:0;z-index:1001;display:flex;flex-direction:column;width:min(44rem,100vw);height:100%;background:#fff;box-shadow:-2rem 0 5rem #14122e3d;transform:translate(100%);transition:transform .38s var(--idr-ease)}.info-drawer.is-open{transform:translate(0)}.info-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem;padding:2.8rem 2.8rem 1.8rem;border-bottom:.1rem solid var(--idr-line)}.info-drawer__title{margin:0;padding-bottom:.9rem;position:relative;font-family:var(--font-heading-family, inherit);font-size:2.2rem;line-height:1.2;letter-spacing:-.015em;color:var(--idr-ink)}.info-drawer__title:after{content:"";position:absolute;left:0;bottom:0;width:3.2rem;height:.3rem;border-radius:.2rem;background:var(--idr-yellow)}.info-drawer__close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:.1rem solid var(--idr-line);border-radius:50%;background:#fff;color:var(--idr-ink);cursor:pointer;transition:background-color .25s var(--idr-ease),color .25s var(--idr-ease),border-color .25s var(--idr-ease)}.info-drawer__close:hover,.info-drawer__close:focus-visible{background:var(--idr-blue);border-color:var(--idr-blue);color:#fff}.info-drawer__body{flex:1 1 auto;overflow-y:auto;padding:2.4rem 2.8rem 3.2rem;color:var(--idr-ink-soft);font-size:1.55rem;line-height:1.65}.info-drawer__body p{margin:0 0 1.4rem;color:inherit}.info-drawer__body p:last-child{margin-bottom:0}.info-drawer__body strong{color:var(--idr-ink);font-weight:600}.info-drawer__body ul{margin:0 0 1.4rem;padding-left:1.8rem}.info-drawer__body li{margin-bottom:.7rem}.info-drawer__body a:not(.info-drawer__cta){color:var(--idr-blue);text-underline-offset:.25em}.info-drawer__cta{display:inline-flex;align-items:center;gap:.7rem;margin-top:1.2rem;padding:1.2rem 2.2rem;border-radius:999rem;background:var(--idr-blue);color:#fff;font-family:var(--font-heading-card-family, inherit);font-size:1.4rem;font-weight:600;text-decoration:none;transition:background-color .25s var(--idr-ease),transform .25s var(--idr-ease)}.info-drawer__cta:hover,.info-drawer__cta:focus-visible{background:#2e1fb8;color:#fff;transform:translateY(-.2rem)}body.info-drawer-open{position:fixed;width:100%;overflow:hidden}@media screen and (max-width:600px){.info-drawer{width:100vw}.info-drawer__header{padding:2.2rem 2rem 1.4rem}.info-drawer__body{padding:2rem 2rem 2.8rem}}@media(prefers-reduced-motion:reduce){.info-drawer,.info-drawer__backdrop,.multicolumn-card.has-info-panel,.multicolumn-card.has-info-panel:after,.info-drawer__cta,.info-drawer__close{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/component-info-drawer.css.map */