side-drawer{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}side-drawer .side-drawer__inner{position:relative;height:100%;width:100vw;max-width:390px;background-color:var(--d2c-color-parchment-02);overflow:hidden auto;display:flex;flex-direction:column;transform:translate(calc(100% + 20px));transition:transform .3s ease;box-shadow:none}side-drawer .side-drawer__inner:focus-visible:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;outline-offset:-.3rem;outline:2px dashed var(--d2c-button-outline-color);z-index:99;border:.5rem solid white}side-drawer.active{opacity:1;visibility:visible}side-drawer.active .side-drawer__inner{transform:translate(0)}side-drawer .side-drawer__overlay{position:fixed;right:0;bottom:0;left:0;top:0;background:#072538b3;transition:opacity .5s ease,visibility .5s ease}side-drawer .side-drawer__overlay:empty{display:block!important}side-drawer .side-drawer__close{background:#013352bf;border-radius:4px;border:none;cursor:pointer;padding:7.5px;width:36px;height:36px;position:absolute;top:20px;right:20px}side-drawer .side-drawer__close svg{height:100%;width:100%}side-drawer .side-drawer__close svg path{fill:var(--d2c-color-white)}side-drawer .side-drawer__close:hover{background:var(--d2c-color-moody-navy-80)}side-drawer .side-drawer__close:hover,side-drawer .side-drawer__close:focus:not(:focus-visible){outline:none;box-shadow:none}side-drawer .side-drawer__close:focus-visible:focus{outline:none}side-drawer [data-content]{height:100%}.side-drawer-content-modal{display:flex;flex-direction:column;min-height:100%}.side-drawer-content-modal__image-wrapper{width:100%;flex-shrink:0}.side-drawer-content-modal__image-wrapper img{width:100%;height:auto;display:block}.side-drawer-content-modal__image--placeholder{width:100%;height:auto;display:block;aspect-ratio:390/224;background-color:var(--d2c-color-moody-navy-10)}.side-drawer-content-modal__image--placeholder svg{width:100%;height:100%;display:block}.side-drawer-content-modal__icon{width:88px;margin-bottom:18px;display:block}.side-drawer-content-modal__icon.image-align-center{margin:0 auto 18px}.side-drawer-content-modal__content{flex:1;border-radius:18px 18px 0 0;margin-top:-25px;position:relative;z-index:1;overflow-y:auto}.side-drawer-content-modal__content--dark{background-color:var(--d2c-color-moody-navy);color:var(--d2c-color-white)}.side-drawer-content-modal__content--pale-sky{background-color:var(--d2c-color-pale-sky);color:var(--d2c-color-moody-navy)}.side-drawer-content-modal__content--parchment{background-color:var(--d2c-color-parchment-02);color:var(--d2c-color-moody-navy)}.side-drawer-content-modal__content *{color:inherit}.side-drawer-content-modal__content-heading{font-family:var(--d2c-typography-subtitle-font-family);font-size:var(--d2c-typography-subtitle-font-size);font-weight:var(--d2c-typography-subtitle-font-weight);line-height:var(--d2c-typography-subtitle-line-height);letter-spacing:var(--d2c-typography-subtitle-letter-spacing);margin:0 0 12px}.side-drawer-content-modal__content-subheading{font-size:var(--d2c-typography-body-03-font-size);font-family:var(--d2c-typography-body-03-font-family);font-style:var(--d2c-typography-body-03-font-style);font-weight:var(--d2c-typography-body-03-font-weight);letter-spacing:var(--d2c-typography-body-03-letter-spacing);line-height:var(--d2c-typography-body-03-line-height);margin-bottom:28px}.side-drawer-content-modal__content-subheading strong,.side-drawer-content-modal__content-subheading b{font-size:var(--d2c-typography-body-03-bold-font-size);font-family:var(--d2c-typography-body-03-bold-font-family);font-style:var(--d2c-typography-body-03-bold-font-style);font-weight:var(--d2c-typography-body-03-bold-font-weight);letter-spacing:var(--d2c-typography-body-03-bold-letter-spacing);line-height:var(--d2c-typography-body-03-bold-line-height)}.side-drawer-content-modal__content-subheading p{margin:0}.side-drawer-content-modal__content-body *{font-family:var(--d2c-primary-font-family);font-size:14px;font-style:normal;line-height:18px}.side-drawer-content-modal__content-body strong,.side-drawer-content-modal__content-body b{font-weight:600}.side-drawer-content-modal__content-body p{margin:0 0 8px}.side-drawer-content-modal__content-body p:last-child{margin-bottom:0}.side-drawer-content-modal__content-body.rte ul{list-style:none;padding:0;margin:0}.side-drawer-content-modal__content-body.rte ul li{display:flex;align-items:flex-start;gap:10px;padding:16px 0;border-bottom:1px solid var(--d2c-color-moody-navy-20)}.side-drawer-content-modal__content-body.rte ul li strong{font-weight:600}.side-drawer-content-modal__content-body.rte ul li:first-child{padding-top:0}.side-drawer-content-modal__content-body.rte ul li:last-child{border-bottom:none;padding-bottom:0}.side-drawer-content-modal__content-body.rte ul li:before{content:"";flex-shrink:0;width:19px;height:19px;margin:2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23013352'/%3E%3Cpath d='M6.5 12.5l4 4 7-8' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.side-drawer-content-modal__tooltip{position:relative;display:flex;flex-direction:row;border-radius:12px;border:2px solid var(--d2c-color-white);margin-top:12px;z-index:9}.side-drawer-content-modal__tooltip-icon{object-fit:contain;object-position:bottom;display:block;width:60px}.side-drawer-content-modal__tooltip-content-wrapper{padding:18px 16px 18px 20px;width:100%}.side-drawer-content-modal__tooltip-title{font-size:var(--d2c-typography-body-02-font-size);font-family:var(--d2c-typography-body-02-font-family);font-style:var(--d2c-typography-body-02-font-style);font-weight:var(--d2c-typography-body-02-font-weight);letter-spacing:var(--d2c-typography-body-02-letter-spacing);line-height:var(--d2c-typography-body-02-line-height);font-weight:700;line-height:20px;margin-top:0;margin-bottom:6px}.side-drawer-content-modal__tooltip-subheading *{font-size:var(--d2c-typography-body-04-font-size);font-family:var(--d2c-typography-body-04-font-family);font-style:var(--d2c-typography-body-04-font-style);font-weight:var(--d2c-typography-body-04-font-weight);letter-spacing:var(--d2c-typography-body-04-letter-spacing);line-height:var(--d2c-typography-body-04-line-height)}.side-drawer-content-modal__steps{display:grid;border-radius:12px;margin-top:24px;margin-bottom:12px;padding:22px;gap:18px}.side-drawer-content-modal__step{display:flex;flex-flow:row;align-items:center;gap:18px}.side-drawer-content-modal__step-image{display:block;z-index:9;position:relative;width:120px;height:auto}.side-drawer-content-modal__step-media{position:relative;flex-shrink:0}.side-drawer-content-modal__step-media:after{content:"";display:none;position:absolute;left:50%;top:0;transform:translate(-50%);width:3px;background:#678597}.side-drawer-content-modal__steps--connectors .side-drawer-content-modal__step:not(:last-child) .side-drawer-content-modal__step-media:after{display:block;height:calc(100% + 18px)}.side-drawer-content-modal__steps--connectors.side-drawer-content-modal__steps--tooltip-connector .side-drawer-content-modal__step:last-child .side-drawer-content-modal__step-media:after{display:block;height:calc(100% + 36px)}.side-drawer-content-modal__step-text{margin:0;font-family:var(--d2c-primary-font-family);font-size:16px;font-weight:600;line-height:18px}body.side-drawer-open{overflow:hidden}html:has(body.side-drawer-open){scrollbar-gutter:stable}
/*# sourceMappingURL=/cdn/shop/t/157/assets/compiled-side-drawer.css.map */