.spoink-product{--spp-ink: #14101f;--spp-muted: #7a6f96;--spp-accent: #5227b6;--spp-accent-soft: #f4efff;--spp-label: #5c42ab;--spp-line: rgba(20, 16, 31, .1);--spp-card-radius: 1.6rem;--spp-media-ratio: .8}.spoink-product__breadcrumb{margin-bottom:2.4rem}.spoink-product__breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin:0;padding:0;list-style:none;font-size:1.3rem;line-height:1.4}.spoink-product__breadcrumb-list li{display:flex;align-items:center;gap:.8rem}.spoink-product__breadcrumb-link{color:rgba(var(--color-foreground),.62);text-decoration:none}.spoink-product__breadcrumb-link:hover,.spoink-product__breadcrumb-link:focus-visible{color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3rem}.spoink-product__breadcrumb-separator{color:rgba(var(--color-foreground),.35)}.spoink-product__breadcrumb-current{color:var(--spp-ink);font-weight:700}.spoink-product .product__media-wrapper slider-component[id^=GalleryViewer]{position:relative}.spoink-product .product__media-item .product__media,.spoink-product .product__media-item .media{border:.1rem solid var(--spp-line);border-radius:var(--spp-card-radius);background-color:#fff;overflow:hidden}.spoink-product .product-media-container{--aspect-ratio: var(--spp-media-ratio);border:0;max-width:100%}.spoink-product .product-media-container .media>img{object-fit:contain}.spoink-product .product__tag-badge{position:absolute;top:1.6rem;left:1.6rem;z-index:2;padding:.7rem 1.4rem;border-radius:4rem;background-color:var(--spp-accent);color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.spoink-product .product__modal-opener--image .product__media-icon{top:auto;right:1.2rem;bottom:1.2rem;left:auto;opacity:1}@media screen and (max-width:749px){.spoink-product .spoink-gallery-tracked .product__media-item:not(.spoink-media-item--current) .product__media-icon{opacity:0}}@media screen and (min-width:990px){.spoink-product .product:not(.product--no-media) .product__media-wrapper{max-width:60%;width:calc(60% - var(--grid-desktop-horizontal-spacing) / 2)}.spoink-product .product:not(.product--no-media) .product__info-wrapper{max-width:40%;width:calc(40% - var(--grid-desktop-horizontal-spacing) / 2)}}@media screen and (min-width:750px){.spoink-product media-gallery{display:flex;flex-direction:row-reverse;align-items:stretch;gap:1.6rem}.spoink-product media-gallery>slider-component[id^=GalleryViewer]{flex:1 1 auto;min-width:0}.spoink-product .thumbnail-slider{position:relative;flex:0 0 9rem;width:9rem}.spoink-product .thumbnail-slider .thumbnail-list{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;flex-wrap:nowrap;gap:1rem;margin:0;padding:.2rem;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.spoink-product .thumbnail-slider .thumbnail-list::-webkit-scrollbar{display:none}.spoink-product .thumbnail-slider .thumbnail-list .thumbnail-list__item{width:100%;flex:0 0 auto}.spoink-product .thumbnail-slider--scrollable .thumbnail-list{top:3.2rem;right:0;bottom:3.2rem;left:0}.spoink-thumb-arrow{position:absolute;left:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;padding:0;transform:translate(-50%);border:.1rem solid var(--spp-line);border-radius:50%;background-color:#fff;color:var(--spp-accent);box-shadow:0 .1rem .4rem #14101f1f;cursor:pointer}.spoink-thumb-arrow:hover{border-color:var(--spp-accent);background-color:var(--spp-accent);color:#fff}.spoink-thumb-arrow:focus-visible{outline:.2rem solid var(--spp-accent);outline-offset:.2rem}.spoink-thumb-arrow svg{width:1.1rem;height:.8rem}.spoink-thumb-arrow--up{top:0}.spoink-thumb-arrow--up svg{transform:rotate(180deg)}.spoink-thumb-arrow--down{bottom:0}}@media screen and (max-width:749px){.spoink-thumb-arrow{display:none}}.spoink-product .thumbnail{border:.1rem solid var(--spp-line);border-radius:1.2rem;background-color:#fff;box-shadow:none}.spoink-product .thumbnail img{object-fit:contain;padding:.4rem}.spoink-product .thumbnail-list__item .thumbnail[aria-current=true]{border-color:var(--spp-accent);box-shadow:0 0 0 .1rem var(--spp-accent)}.spoink-product .product__info-container>*+*{margin-top:1.6rem}.spoink-product .product__text.caption-with-letter-spacing{margin:0;color:var(--spp-label);font:700 11.5px Nunito Sans,sans-serif;letter-spacing:.14em;text-transform:uppercase}.spoink-product .product__title{margin:0}.spoink-product .product__title h1{margin:0;color:var(--spp-ink);font-size:3.6rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}.spoink-product__price-row{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem}.spoink-product .price{color:var(--spp-ink);font-size:2.2rem;font-weight:700}.spoink-product .price--large{font-size:2.2rem}.spoink-product__rating{display:flex;align-items:center;gap:.6rem;color:var(--spp-muted);font-size:1.4rem}.spoink-product__rating:before{content:"";width:.5rem;height:.5rem;margin-right:.6rem;border-radius:50%;background-color:#14101f40}.spoink-product__rating .rating{margin:0}.spoink-product__rating-score{color:var(--spp-ink);font-weight:600}.spoink-product .product__description{max-width:46ch;color:var(--spp-muted);font-size:1.5rem;line-height:1.6}.spoink-product .product__description>*{margin:0}.spoink-product .product-form__input .form__label{margin-bottom:1rem;padding:0;color:var(--spp-label);font:700 11.5px Nunito Sans,sans-serif;letter-spacing:.14em;text-transform:uppercase}.spoink-product .product-form__input--swatch .form__label [data-selected-value]{position:absolute;width:.1rem;height:.1rem;margin:-.1rem;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.spoink-product .product-form__input--pill,.spoink-product .product-form__input--swatch{margin:0;padding:0;border:0}.spoink-product .product-form__input--pill input[type=radio]+label,.spoink-product .swatch-input__input+.swatch-input__label{display:inline-flex;align-items:center;gap:.9rem;min-width:0;margin:0 .8rem .8rem 0;min-height:5.2rem;padding:0 2rem;border:.1rem solid #e4dbf7;border-radius:4rem;background-color:#fff;color:var(--spp-ink);font-size:1.4rem;font-weight:600;line-height:1;cursor:pointer}.spoink-product .swatch-input__input+.swatch-input__label:hover,.spoink-product .swatch-input__input:hover+.swatch-input__label,.spoink-product .swatch-input__input:active+.swatch-input__label,.spoink-product .swatch-input__input:checked+.swatch-input__label{outline:0;box-shadow:none}.spoink-product .product-form__input--pill input[type=radio]:checked+label,.spoink-product .swatch-input__input:checked+.swatch-input__label{border-color:var(--spp-ink);border-width:.2rem;background-color:#fff;color:var(--spp-ink);font-weight:700}.spoink-product .product-form__input--pill input[type=radio].disabled:checked+label,.spoink-product .product-form__input--pill input[type=radio]:disabled:checked+label{color:var(--spp-muted)}.spoink-product .product-form__input--pill input[type=radio]:focus-visible+label,.spoink-product .product-form__input--swatch .swatch-input__input:focus-visible+.swatch-input__label{outline:.2rem solid var(--spp-accent);outline-offset:.2rem;box-shadow:none}.spoink-product .swatch-input__label .swatch,.spoink-product .product-form__input--pill label>.swatch{--swatch-input--size: 1.8rem;--swatch--border-radius: .4rem;border:.1rem solid var(--spp-line)}.spoink-product .swatch-input__value{white-space:nowrap}.spoink-product .product__info-container{display:flex;flex-wrap:wrap;align-items:flex-start}.spoink-product .product__info-container>*{width:100%}.spoink-product .product__info-container>.product-form__quantity{flex:0 0 auto;width:auto;margin-right:1.2rem}.spoink-product .product__info-container>div:has(>product-form),.spoink-product .product__info-container>div:has(>.product-form){flex:1 1 0;width:auto;min-width:0}.spoink-product .product__info-container>div:has(>product-form)>product-form,.spoink-product .product__info-container>div:has(>.product-form)>.product-form,.spoink-product .product__info-container>div:has(>product-form) .form,.spoink-product .product__info-container>div:has(>product-form) .product-form__buttons,.spoink-product .product__info-container>div:has(>product-form) .product-form__submit{margin-top:0;padding-top:0}.spoink-product .product-form__error-message-wrapper[hidden]{display:none;margin:0}.spoink-product .product-form__input.product-form__quantity,.spoink-product .product__info-container .product-form{margin-bottom:0!important}.spoink-product .quantity__label{position:absolute;width:.1rem;height:.1rem;margin:-.1rem;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.spoink-product .quantity{width:auto;min-height:5.6rem;padding:0 6px;border:.1rem solid var(--spp-line);border-radius:4rem;background-color:#fff}.spoink-product .quantity:after{display:none}.spoink-product .quantity__button{width:4.4rem;height:4.4rem;align-self:center;border-radius:999px;background-color:#faf7fe;color:var(--spp-ink);transition:background-color var(--duration-short, .1s) ease}.spoink-product .quantity__button:hover{background-color:#b9a4f5}.spoink-product .quantity__input{width:3.4rem;color:var(--spp-ink);font-size:1.5rem;font-weight:600}.spoink-product .product-form__submit{min-height:5.6rem;border-radius:4rem;box-shadow:none;background-color:var(--spp-accent);color:#fff;font-size:1.6rem;font-weight:700}.spoink-product .product-form__submit:after,.spoink-product .product-form__submit:before{display:none}.spoink-product .product-form__submit:hover:not([disabled]){background-color:var(--spp-ink)}.spoink-product .product-form__submit[disabled]{background-color:#14101f14;color:var(--spp-muted)}.spoink-product .product-form__submit-price:not(:empty):before{content:"\b7";margin:0 .6rem}@media screen and (max-width:749px){.spoink-product .product-form__submit-price{display:none}}.spoink-product__builder-link{display:inline-flex;align-items:center;gap:.6rem;margin-top:0!important;color:var(--spp-accent);font-size:1.4rem;font-weight:600;text-decoration:none}.spoink-product__builder-link:hover,.spoink-product__builder-link:focus-visible{text-decoration:underline;text-underline-offset:.3rem}.spoink-product__builder-link .svg-wrapper{display:inline-flex;width:1.4rem}.spoink-product__builder-link .icon-arrow{width:100%;height:auto}.spoink-product .product__accordion{margin-top:0;border-top:.1rem solid var(--spp-line)}.spoink-product .product__accordion:last-of-type{border-bottom:.1rem solid var(--spp-line)}.spoink-product .product__accordion .accordion__title{margin:0;color:#0b1020;font:700 14px Nunito Sans,sans-serif}.spoink-product .product__accordion summary{display:flex;align-items:center;justify-content:space-between;padding:2rem 0;cursor:pointer}.spoink-product .product__accordion summary .icon-caret{display:none}.spoink-product .product__accordion summary:after{content:"+";color:#5c42ab;font:700 17px Nunito Sans,sans-serif;line-height:1}.spoink-product .product__accordion details[open]>summary:after{content:"\2212"}.spoink-product .product__accordion .accordion__content{padding:0 0 2rem;color:var(--spp-muted);font-size:1.4rem;line-height:1.6}@media screen and (max-width:749px){.spoink-product .product__info-container>*+*{margin-top:0}.spoink-product__breadcrumb{margin-bottom:0}.spoink-product .product__info-wrapper{margin-top:3rem}.spoink-product .product__title h1{font-size:2.8rem}.spoink-product .product-media-container.constrain-height{--viewport-offset: 240px;--constrained-min-height: 380px}.spoink-product .product-media-container.constrain-height.media-fit-contain{width:100%}}.spoink-product__dots{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:1.4rem}.spoink-product__dot{width:.7rem;height:.7rem;padding:0;border:0;border-radius:50%;background-color:#5227b63d;cursor:pointer;transition:background-color var(--duration-short) ease}.spoink-product__dot[aria-current=true]{background-color:var(--spp-accent)}@media screen and (max-width:749px){.spoink-product .product__media-wrapper .slider-buttons{display:none}.spoink-product .product__media-list .product__media-item{scroll-snap-stop:always}.spoink-product .product__media-list.slider--mobile{scroll-behavior:auto}.spoink-product .product__media-item .product__media,.spoink-product .product__media-item .media{border:0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-spoink-product.css.map */