.custom-modal .drawer__header{border-block-end:0;padding-block-end:0}.custom-modal .text-center :is(.heading,.social-icons){justify-content:center}.custom-modal .text-right :is(.heading,.social-icons){justify-content:flex-end}.custom-modal .rich-text>.rte+.heading{margin-block-start:var(--sp-1d5)}@media screen and (max-width:639px){html.js .custom-modal .drawer__inner{height:auto}}@media screen and (min-width:640px){.custom-modal .drawer__header{z-index:1;position:absolute;inset-block-start:0;inset-inline-end:0;padding:var(--sp-4)}.custom-modal .drawer__inner{--image-width: 0px;width:auto;max-width:unset;margin:var(--sp-8d5)}.custom-modal .drawer__inner:not(.center-0){position:absolute}.custom-modal .custom__image+.drawer__scrollable{padding:var(--sp-11) var(--sp-8d5)}.custom-modal .custom-grid{max-width:30rem}.custom-modal .drawer__scrollable{max-width:min(min(30rem,calc(100vw - var(--image-width) - var(--sp-8d5) * 2)))}.custom-modal .custom__image{width:0;transition:width var(--animation-smooth)}.custom-modal .custom-grid.with-image{--image-width: 310px;transition:max-width var(--animation-smooth)}.custom-modal.show-image .custom-grid.with-image{max-width:calc(30rem + var(--image-width))}.custom-modal.show-image .custom__image{width:var(--image-width)}}/*! custom-bar */.custom-bar{inset-block-start:50%;transform:translateY(-50%);width:var(--sp-13);margin-inline:var(--page-padding);padding-block:var(--sp-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:rgb(var(--color-background)/ .8);box-shadow:0 0 0 1px rgb(var(--color-border))}.custom-bar__social ul{padding-block-start:var(--sp-1);flex-direction:column}.custom-bar__social .social_platform{width:var(--sp-10);height:var(--sp-10);display:flex;align-items:center;justify-content:center;overflow:hidden}.custom-bar__button{writing-mode:tb-rl;font-size:var(--text-3xs);padding-inline:var(--sp-4);margin-block:var(--sp-2);color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground)/ var(--opacity-045))}.custom-bar.left-0 .custom-bar__button{transform:rotate(-180deg)}@media screen and (pointer:fine){.custom-bar__button:hover span{animation:beat .6s infinite ease}}@media screen and (min-width:640px){.custom-bar{margin-inline:var(--sp-6)}.has-dropdown-menu .custom-bar{z-index:15}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/custom-popup.css.map */