@keyframes fadeOut{0%{opacity:1;z-index:9999;background:rgb(var(--page-overlay))}95%{opacity:.95;z-index:9999}to{opacity:0;z-index:-1;background:transparent}}.packaging-overlay{position:fixed;top:0;right:0;width:100vw;height:100dvh;z-index:-1;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.packaging-overlay.closing{animation:fadeOut .6s ease-in-out forwards}.packaging-overlay.open{pointer-events:auto;z-index:9999;opacity:1;background:rgb(var(--page-overlay))}.packaging-drawer{position:fixed;top:0;right:-100vw;width:100%;max-width:min(92vw,28.9375rem);background:rgb(var(--background));color:rgb(var(--text-color));height:100dvh;transition:right .4s ease-in-out;display:flex;flex-direction:column}.open .packaging-drawer{right:0}.packaging-drawer .header{border-bottom:1px solid #CACACA;display:flex;flex-direction:column;align-items:flex-start;padding:25px 20px 18px 28px;justify-content:space-between}.packaging-drawer .icon-close{align-self:end;width:40px;height:40px;cursor:pointer;display:flex;justify-content:center;flex-wrap:wrap;align-content:center}.packaging-drawer .icon-close svg{width:22px;height:22px;flex-shrink:0}.packaging-drawer .h3{font-size:19px;letter-spacing:.06em}.packaging-drawer .packaging-options{margin:23px 28px;display:flex;flex-direction:column;gap:16px}.packaging-drawer .packaging-option{padding:8px 14px;border:1px solid #DAD9D5}.packaging-drawer .packaging-option.open{background-color:#e7e2da}.packaging-drawer .option-header{display:flex;justify-content:space-between;align-items:center}.packaging-drawer .plus-icon{background:#e7e2da;width:30px;height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer}.packaging-drawer .open .plus-icon{background:#b7afa2}.packaging-drawer .open .plus-icon svg path{stroke:#fff}.packaging-drawer .description{height:0;overflow:hidden;transition:height .3s ease-in-out}.packaging-drawer .description.show{height:auto;margin-top:12px;padding-top:12px;border-top:1px solid #CACACA}.packaging-drawer .close-icon{margin-left:auto;cursor:pointer;width:22px;height:22px;display:flex;justify-content:center;align-items:center}.packaging-drawer .type{font-weight:450;font-family:Brandon Grotesque;font-size:16px;letter-spacing:.03em;line-height:24px}.packaging-drawer .subheader{font-weight:450;font-family:Brandon Grotesque;font-size:16px;letter-spacing:.03em;font-style:italic;line-height:24px}.packaging-drawer .bottom{padding:26px 28px;border-top:1px solid #CACACA;margin-top:auto}
/*# sourceMappingURL=/cdn/shop/t/81/assets/packaging-info.css.map */