.shop-the-pieces{display:flex;position:absolute;right:2rem;bottom:2rem;z-index:5}.shop-the-pieces__panel{border:0;padding:2rem;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background))}.shop-the-pieces__head{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;margin-bottom:2.4rem}.shop-the-pieces__title{margin:0}.shop-the-pieces__close{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin:-1rem -1rem -1rem 0;padding:0;border:0;background:none;color:inherit;cursor:pointer}.shop-the-pieces__close svg{width:2rem;height:2rem}.shop-the-pieces__list{display:flex;flex-direction:column;gap:1.6rem;margin:0;padding:0;list-style:none}.shop-the-pieces__item{display:flex;align-items:center;gap:1.2rem}.shop-the-pieces__media{flex:0 0 7rem;width:7rem;height:7rem;border-radius:var(--border-radius-main);overflow:hidden;background-color:rgb(var(--color-background-secondary))}.shop-the-pieces__media img{display:block;width:100%;height:100%;object-fit:cover}.shop-the-pieces__info{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;min-width:0}.shop-the-pieces__name{max-width:100%;margin:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;font-family:var(--font-subtitle-family, inherit);font-size:var(--font-size-card-heading);font-weight:var(--font-subtitle-weight, 600);letter-spacing:var(--font-subtitle-letter-spacing, normal);line-height:normal;text-transform:uppercase}.shop-the-pieces__info .price{margin:0}.shop-the-pieces__info .price,.shop-the-pieces__info .price .price-item,.shop-the-pieces__info .price .money{font-family:var(--font-subtitle-family, inherit);font-size:var(--font-size-body-s);font-weight:var(--font-subtitle-weight, 600);line-height:1}.shop-the-pieces__link{margin-top:.4rem;color:inherit;padding:.2rem .2rem .4rem 0;border-bottom:.1rem solid rgb(var(--color-button));font-family:var(--font-button-family, inherit);font-size:var(--font-size-caption);font-weight:var(--font-button-weight, 700);letter-spacing:var(--font-button-letter-spacing, normal);line-height:var(--font-button-line-height, 1);text-transform:uppercase;text-decoration:none}.shop-the-pieces__form,.shop-the-pieces__form-inner{display:block;margin:0}button.shop-the-pieces__add{display:inline-flex;align-items:center;gap:.6rem;min-height:0;background:none;border-width:0 0 .1rem;border-radius:0;cursor:pointer;-webkit-appearance:none;appearance:none}.shop-the-pieces__add[aria-disabled=true]{cursor:progress}.shop-the-pieces__add .loading-overlay__spinner{display:inline-flex;width:1.2rem;height:1.2rem}.shop-the-pieces__add .loading-overlay__spinner.hidden{display:none}.shop-the-pieces__add .spinner{width:100%;height:100%}.shop-the-pieces__link--sold-out{border-bottom-color:transparent;color:rgba(var(--color-foreground),.6)}.shop-the-pieces__error{margin-top:.4rem;font-size:var(--font-size-caption);color:rgb(var(--color-foreground))}.shop-the-pieces__link:focus-visible,.shop-the-pieces__close:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}@media screen and (min-width:750px){.shop-the-pieces__panel{position:absolute;inset:auto 0 calc(100% + 1rem) auto;width:30rem;max-width:calc(100vw - 4rem);margin:0;border-radius:var(--border-radius-main);box-shadow:0 .2rem 2rem rgba(var(--color-foreground),.06)}.shop-the-pieces__head{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media screen and (max-width:749px){.shop-the-pieces__panel:modal{position:fixed;inset:auto 0 0 0;width:100%;max-width:100%;max-height:85vh;margin:0;padding:3.2rem 2.4rem;overflow-y:auto}.shop-the-pieces__panel .shop-the-pieces__list{gap:2rem}.shop-the-pieces__close svg{width:1.8rem;height:1.8rem}.shop-the-pieces__panel::backdrop{background-color:rgba(var(--color-foreground),.7)}}@media(prefers-reduced-motion:no-preference){.shop-the-pieces__panel:modal{animation:shop-the-pieces-sheet var(--duration-default, .2s) ease-out}}@keyframes shop-the-pieces-sheet{0%{transform:translateY(100%)}}.shop-the-pieces__trigger[aria-expanded=true],.shop-the-pieces__trigger[aria-expanded=true]:hover,.shop-the-pieces__trigger[aria-expanded=true]:focus{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}
/*# sourceMappingURL=/cdn/shop/t/716/assets/component-shop-the-pieces.css.map */