html:has(charm-bar),body:has(charm-bar){overflow-x:clip}body:has(charm-bar) .section-header{min-height:var(--header-height, 0px)}charm-bar{display:block;--charm-bar-sticky-top: calc(var(--header-height, 8rem) + 2rem)}.charm-bar__layout{padding-bottom:var(--charm-bar-summary-height, 0px)}.charm-bar__intro{text-align:center;margin-bottom:3rem}.charm-bar__heading{font-family:Remine Fares;text-transform:lowercase;font-size:26px;margin-bottom:0}.charm-bar__text{max-width:60rem;margin:0 auto}.charm-bar__layout{display:grid;gap:2.4rem}@media screen and (min-width:990px){.charm-bar__layout{grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.charm-bar__preview-wrap{position:sticky;top:var(--charm-bar-sticky-top)}.charm-bar__preview{width:min(100%,calc((100vh - var(--charm-bar-sticky-top) - var(--charm-bar-summary-height, 0px) - 2rem) * 4 / 3));margin-inline:auto}}.charm-bar__preview-wrap{background:#eae0d6}.charm-bar__preview{position:relative;aspect-ratio:4 / 3;overflow:hidden;transition:aspect-ratio .5s cubic-bezier(.2,.7,.2,1)}@media screen and (max-width:989px){charm-bar:not(.has-chain) .charm-bar__preview-wrap{display:none}charm-bar.has-chain .charm-bar__preview{animation:charm-bar-preview-open .5s cubic-bezier(.2,.7,.2,1)}}@keyframes charm-bar-preview-open{0%{aspect-ratio:40 / 1;opacity:0}}charm-bar.has-chain .charm-bar__chain-img{animation:charm-bar-chain-in .5s ease-out}@keyframes charm-bar-chain-in{0%{opacity:0;transform:scale(.96)}}.charm-bar__stage{position:relative;width:100%;height:100%}.charm-bar__chain-img{display:block;width:100%;height:100%;object-fit:contain;object-position:top center}.charm-bar__chain-img[hidden]{display:none}.charm-bar__charms{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.charm-bar__charm{position:absolute;height:auto;transform-origin:50% 0;animation:charm-bar-drop .35s ease-out}@keyframes charm-bar-drop{0%{opacity:0;margin-top:-2%}}.charm-bar__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem}.charm-bar__placeholder[hidden]{display:none}.charm-bar__placeholder img{width:100%;height:100%;object-fit:cover}.charm-bar__steps{display:flex;gap:2rem;list-style:none;padding:0;margin:0 0 2rem;border-bottom:1px solid rgb(var(--color-foreground),.15)}.charm-bar__step-label{padding-bottom:1rem;font-size:1.4rem;text-transform:uppercase;letter-spacing:.06rem;opacity:.45;border-bottom:1px solid transparent;margin-bottom:-1px}.charm-bar__step-button{padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;cursor:pointer}.charm-bar__step-button:disabled{cursor:default}.charm-bar__step-label:not(.is-active):has(.charm-bar__step-button:not(:disabled)):hover{opacity:.75}.charm-bar__step-label span{display:block;font-size:1.1rem}.charm-bar__step-label.is-active{opacity:1;border-color:rgb(var(--color-foreground))}.charm-bar__step-hint{font-size:inherit}.charm-bar__step-label:not(.is-active) .charm-bar__step-hint{display:none}.charm-bar__tabs{display:flex;gap:.8rem;overflow-x:auto;margin-bottom:2rem;scrollbar-width:none}.charm-bar__tabs::-webkit-scrollbar{display:none}.charm-bar__tab{flex:0 0 auto;padding:.8rem 1.6rem;border:1px solid rgb(var(--color-foreground),.25);background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:1.3rem;cursor:pointer}.charm-bar__tab[aria-selected=true]{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.charm-bar__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}@media screen and (min-width:750px){.charm-bar__grid{grid-template-columns:repeat(4,1fr)}}.charm-bar__grid[hidden]{display:none}.charm-bar__card{display:flex;flex-direction:column;gap:.4rem;padding:.8rem;border:1px solid transparent;background:transparent;color:rgb(var(--color-foreground));font:inherit;text-align:left;cursor:pointer;transition:background .2s,opacity .2s}.charm-bar__card:hover{background:rgb(var(--color-background),.2)}.charm-bar__card[aria-pressed=true]{background:rgb(var(--color-background),.6)}.charm-bar__card:disabled{cursor:not-allowed;opacity:.4}.charm-bar__card.is-muted{opacity:.5}.charm-bar__card-media{position:relative;display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:rgb(var(--color-foreground),.03)}.charm-bar__card-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;box-sizing:border-box;object-fit:cover;object-position:center;transition:opacity .6s ease,transform .6s ease}.charm-bar__card-hover-img{opacity:0}@media(hover:hover){.charm-bar__card:not(:disabled):hover .charm-bar__card-media--hover img:not(.charm-bar__card-hover-img){opacity:0}.charm-bar__card:not(:disabled):hover .charm-bar__card-hover-img{opacity:1;transform:scale(1.03)}}.charm-bar__badge{position:absolute;top:.6rem;left:.6rem;z-index:1;padding:.2rem .6rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.1rem;letter-spacing:.04rem}.charm-bar__card-price s,.charm-bar__selection s{opacity:.5;margin-right:.4rem}.charm-bar__card-title{font-size:1.2rem;font-weight:200;letter-spacing:.6px;line-height:1.3}.charm-bar__card-price{font-size:1.2rem;font-weight:200;letter-spacing:.6px;opacity:.7}.charm-bar__empty{grid-column:1 / -1}.charm-bar__summary{position:fixed;left:0;right:0;bottom:0;z-index:3;padding:1.2rem 1.5rem calc(1.2rem + env(safe-area-inset-bottom));background:rgb(var(--color-background));border-top:1px solid rgb(var(--color-foreground),.15);box-shadow:0 -.4rem 1.6rem #0000000d;transform:translateY(100%);visibility:hidden;transition:transform .3s ease,visibility .3s}charm-bar.is-in-view .charm-bar__summary{transform:none;visibility:visible}@media screen and (min-width:990px){.charm-bar__summary{display:grid;grid-template-columns:1fr auto minmax(30rem,auto);grid-template-areas:"selection total actions";align-items:center;column-gap:3rem;padding-inline:max(5rem,calc((100vw - var(--page-width, 120rem)) / 2 + 5rem))}.charm-bar__summary .charm-bar__selection,.charm-bar__summary .charm-bar__total{margin:0}.charm-bar__summary .charm-bar__total{grid-area:total;gap:1.2rem}.charm-bar__summary .charm-bar__actions{grid-area:actions}.charm-bar__summary .charm-bar__selection{grid-area:selection}.charm-bar__summary .charm-bar__error{grid-column:1 / -1;grid-row:2;margin:1rem 0 0}.charm-bar__selection{display:flex;flex-wrap:wrap;gap:.4rem 2rem}.charm-bar__selection-item{display:flex;gap:.8rem}}.charm-bar__selection{list-style:none;padding:0;margin:0 0 1rem;font-size:1.3rem}.charm-bar__selection-item{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding:.3rem 0}.charm-bar__remove{border:0;background:none;color:inherit;font-size:1.8rem;line-height:1;cursor:pointer;padding:0 .4rem}.charm-bar__total{display:flex;justify-content:space-between;font-size:1.6rem;margin-bottom:1.2rem}.charm-bar__error{color:rgb(var(--color-foreground));background:#c8000014;padding:.8rem 1rem;font-size:1.3rem}.charm-bar__actions{display:flex;gap:1rem}.charm-bar__actions .button{flex:1}.charm-bar__actions .button[hidden]{display:none}.charm-bar__actions .button.loading{opacity:.6;pointer-events:none}@media screen and (max-width:749px){.charm-bar__selection{max-height:9rem;overflow-y:auto}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/charm-bar.css.map */