#cart-popup{border:none;padding:2em;max-width:min(95vw,800px);width:100%;gap:1em;flex-direction:column;border-radius:2em;box-shadow:var(--box-shadow);background-color:var(--bg-color);color:var(--text-color);position:fixed;left:0;top:0}#cart-popup[open]{display:flex;animation:cart-popup-show .2s ease}#cart-popup::backdrop{background-color:hsla(0,0%,0%,.8);animation:cart-popup-backdrop .2s ease}html:has(#cart-popup[open]){overflow:hidden}@keyframes cart-popup-show{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cart-popup-backdrop{from{opacity:0}to{opacity:1}}#cart-popup__content{display:flex;flex-direction:column;gap:.5em;width:100%}.cart-popup__header{width:100%;color:var(--green);display:grid;grid-template-columns:1fr auto;justify-items:center;align-items:center;gap:.5em}#hwr-extra-services__button svg,.cart-popup__header :is(a,button){width:1.5em}:is(.cart-popup__header,.hwr-extra-services__label,.hwr-extra-services__header) a{display:inline-block;height:1em;width:auto;margin-left:.3em}#cart-popup__close{margin-left:0;height:1em;width:auto;background:0 0;border:none;padding:0;cursor:pointer;position:relative}#cart-popup__title{width:100%}#cart-popup>div{width:100%}:is(.cart-popup__header,.hwr-extra-services__label,.hwr-extra-services__header) svg{fill:var(--link-color);height:1em}:is(.cart-popup__header,.hwr-extra-services__label,.hwr-extra-services__header) a::after{content:unset}#cart-popup__close::before,:is(.cart-popup__header,.hwr-extra-services__label,.hwr-extra-services__header) a::before{content:'';position:absolute;transform:translate(-50%,-50%);opacity:0;border-radius:100000px;inset:50% auto auto 50%;transition:var(--transition-300);width:0;height:0;background-color:var(--link-color);top:.65em}#cart-popup__close::before,.hwr-extra-services__header a::before{top:50%}#cart-popup__close:is(:hover,:focus-visible)::before,.hwr-extra-services__header a:is(:hover,:focus-visible)::before{opacity:1;width:2em;height:2em}.hwr-extra-services__label a:is(:hover,:focus-visible)::before{opacity:1;width:1.4em;height:1.4em}