.product{background:var(--gloom-surface);color:var(--gloom-on-surface)}.product__media-list,.product__media-item{background:transparent}.product__media-item .product-media-container,.product__media-item{border-radius:var(--gloom-radius-lg)}.product__media-item img,.product__media-item model-viewer,.product__media-item video{border-radius:var(--gloom-radius-lg)}.thumbnail-list .thumbnail{border-radius:var(--gloom-radius-sm);border-color:var(--gloom-outline-variant)}.thumbnail[aria-current=true]{border-color:var(--gloom-primary-container)}.product__info-container{gap:var(--gloom-space-md)}.product__title h1,.product__title{font:500 26px/32px var(--gloom-font-headline);color:var(--gloom-on-surface)}@media screen and (min-width:750px){.product__title h1,.product__title{font:var(--gloom-text-headline-lg)}}.product .price{color:var(--gloom-on-surface)}.product .price .price-item--regular.main-price,.product .price .price-item--sale.main-price{font:500 22px/28px var(--gloom-font-headline);color:var(--gloom-on-surface)}@media screen and (min-width:750px){.product .price .price-item--regular.main-price,.product .price .price-item--sale.main-price{font:var(--gloom-text-headline-md)}}.product .price__compare-price .price-item{color:var(--gloom-on-surface-variant)}.product__description{color:var(--gloom-on-surface-variant);font:var(--gloom-text-body-md)}.product .product-form__input--pill .form__label,.product .product-form__input--swatch .form__label,.product .product-form__input--dropdown .form__label{color:var(--gloom-on-surface-variant);font:var(--gloom-text-label-caps);text-transform:uppercase;letter-spacing:.08em}.product fieldset.product-form__input{border-color:transparent}.product .product-form__input--pill input[type=radio]+label{border-radius:var(--gloom-radius-full);background:var(--gloom-surface-container);border-color:transparent;color:var(--gloom-on-surface-variant)}.product .product-form__input--pill input[type=radio]:checked+label{background:var(--gloom-surface-container-high);color:var(--gloom-primary-container);border-color:var(--gloom-primary-container)}.product .select .select__select{background:var(--gloom-surface-container);color:var(--gloom-on-surface);border-color:var(--gloom-outline-variant);border-radius:var(--gloom-radius)}.product .product-form__quantity .quantity{background:var(--gloom-surface-container);border-radius:var(--gloom-radius-full);border-color:transparent}.product .product-form__submit.button{border-radius:var(--gloom-radius-full);background:var(--gloom-primary-container);color:var(--gloom-on-primary);border:none;box-shadow:0 0 24px #3ba3da40}.product .product-form__submit.button:hover{background:var(--gloom-primary);box-shadow:0 0 36px #3ba3da73}.product .product-form__submit.button[disabled]{background:var(--gloom-surface-container-high);color:var(--gloom-on-surface-variant);box-shadow:none}.product .product__accordion.accordion{background:var(--gloom-surface-container);border-radius:var(--gloom-radius);border:none;padding-inline:var(--gloom-space-sm)}.product .accordion__title{color:var(--gloom-on-surface);font:var(--gloom-text-body-md);font-weight:500}.product .accordion__content{color:var(--gloom-on-surface-variant);font:var(--gloom-text-caption)}.gloom-product__meta-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--gloom-space-sm);padding-bottom:var(--gloom-space-sm)}.gloom-product__breadcrumbs{display:flex;align-items:center;gap:.4rem;font:var(--gloom-text-caption);color:var(--gloom-on-surface-variant)}.gloom-product__breadcrumbs a{position:relative;color:var(--gloom-on-surface-variant);text-decoration:none;transition:color .2s ease}.gloom-product__breadcrumbs a:after{content:"";position:absolute;top:-26px;right:-2px;bottom:-4px;left:-2px}.gloom-product__breadcrumbs a:hover{color:var(--gloom-primary-container)}.gloom-product__breadcrumbs-current{color:var(--gloom-primary-container);font-weight:500}.gloom-product__stock-pill{display:inline-flex;align-items:center;gap:.4rem;font:var(--gloom-text-label-caps);text-transform:uppercase;letter-spacing:.08em;color:var(--gloom-on-surface-variant)}.gloom-product__stock-dot{width:.6rem;height:.6rem;border-radius:var(--gloom-radius-full);background:var(--gloom-primary-container);animation:gloom-pulse 2s ease-in-out infinite}@keyframes gloom-pulse{0%,to{opacity:1}50%{opacity:.35}}.gloom-gallery-viewer{position:relative}.gloom-product__watermark{display:none!important;position:absolute;inset:auto 0 3%;z-index:1;display:flex;justify-content:space-between;padding-inline:var(--gloom-space-md);pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden}.gloom-product__watermark span{font:var(--gloom-text-display-hero-mobile);text-transform:uppercase;letter-spacing:-.02em;color:var(--gloom-on-surface);opacity:.08;line-height:1;white-space:nowrap}@media screen and (min-width:750px){.gloom-product__watermark span{font:var(--gloom-text-display-hero)}}.product__info-container{background:var(--gloom-surface-container-high);border:1px solid rgba(59,163,218,.08);border-radius:var(--gloom-radius-lg);padding:var(--gloom-space-lg);box-shadow:0 8px 30px #12324724}.gloom-product__collection-badge{align-self:flex-start;padding:.3rem 1rem;border-radius:var(--gloom-radius-full);background:var(--gloom-surface-container-high);color:var(--gloom-primary-container);font:var(--gloom-text-label-caps);text-transform:uppercase;letter-spacing:.1em}.product .rating{display:inline-flex;margin-right:.5rem}.product .rating-star{color:var(--gloom-primary-container)}.product .rating-text,.product .rating-count{color:var(--gloom-on-surface-variant)}.product .product-form__input--pill{display:flex;flex-direction:column;gap:.6rem}.product .product-form__input--pill .form__label{margin-bottom:0}.product fieldset.product-form__input{display:flex;flex-wrap:wrap;gap:.5rem}.product .product-form__input--pill input[type=radio]+label{padding:.6rem 1.2rem;font:var(--gloom-text-caption);transition:background .2s ease,color .2s ease,border-color .2s ease}.product .product__accordion.accordion+.product__accordion.accordion{margin-top:.75rem}.product .product__accordion.accordion{counter-increment:gloom-accordion}.product__info-container{counter-reset:gloom-accordion}.product .accordion__title:before{content:counter(gloom-accordion,decimal-leading-zero) " ";color:var(--gloom-primary-container);font-family:monospace;margin-right:.5rem}.gloom-product__detail-shots{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gloom-space-md);margin-top:var(--gloom-space-md)}.gloom-product__detail-shot:nth-child(3){grid-column:1 / -1}.gloom-product__detail-shot{position:relative;border-radius:var(--gloom-radius-lg);overflow:hidden;background:var(--gloom-surface-container-lowest);aspect-ratio:4 / 3}.gloom-product__detail-shot img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.gloom-product__detail-shot-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gloom-surface-container)}.gloom-product__detail-shot-content{position:absolute;inset:auto 0 0;z-index:1;display:flex;flex-direction:column;gap:.2rem;padding:var(--gloom-space-sm) var(--gloom-space-md);background:linear-gradient(to top,rgba(255,255,255,.92),transparent)}.gloom-product__detail-eyebrow{font:var(--gloom-text-label-caps);text-transform:uppercase;letter-spacing:.1em;color:var(--gloom-primary-container)}.gloom-product__detail-caption{margin:0;font:var(--gloom-text-title-editorial);color:var(--gloom-on-surface)}.gloom-product__presets{display:flex;flex-direction:column;gap:.5rem}.gloom-product__presets-eyebrow{font:var(--gloom-text-label-caps);text-transform:uppercase;letter-spacing:.08em;color:var(--gloom-on-surface-variant)}.gloom-product__presets-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.gloom-product__preset{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .4rem;border-radius:var(--gloom-radius);background:var(--gloom-surface-container);text-align:center}.gloom-product__preset.is-selected{background:var(--gloom-surface-container-high);box-shadow:inset 0 0 0 1px #3ba3da80}.gloom-product__preset-value{font:var(--gloom-text-caption);font-family:monospace;color:var(--gloom-primary-container)}.gloom-product__preset-label{font:var(--gloom-text-caption);font-size:1.1rem;color:var(--gloom-on-surface-variant)}.gloom-product__preset.is-selected .gloom-product__preset-label{color:var(--gloom-on-surface)}.gloom-product__secondary-actions{display:flex;align-items:center;gap:.5rem}.gloom-product__secondary-action{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem;border-radius:var(--gloom-radius-full);background:var(--gloom-surface-container);color:var(--gloom-on-surface);font:var(--gloom-text-caption);text-decoration:none;transition:background .2s ease}.gloom-product__secondary-action:hover{background:var(--gloom-surface-container-high)}.gloom-product__secondary-action .material-symbols-outlined{font-size:1.6rem}.related-products__heading{font:var(--gloom-text-headline-lg-mobile);color:var(--gloom-on-surface);margin-bottom:2.5rem}@media screen and (min-width:750px){.related-products__heading{font:var(--gloom-text-headline-lg)}}.related-products__grid{list-style:none;padding:0}.quantity-breaks .quantity-breaks__title{font-size:12px;font-weight:400;line-height:1.45;color:var(--gloom-on-surface-variant);column-gap:10px;margin-bottom:12px}.quantity-breaks .quantity-breaks__title span:nth-of-type(1),.quantity-breaks .quantity-breaks__title span:nth-of-type(3){height:1px;min-width:12px;background:#3ba3da59}.quantity-breaks .quantity-break{padding:11px 10px 11px 36px;margin-bottom:8px;border-radius:12px;background:var(--gloom-surface-container);border:1px solid rgba(255,255,255,.1);box-sizing:border-box}.quantity-breaks .quantity-break:hover{background:var(--gloom-surface-container-high);border-color:#3ba3da80}.quantity-breaks .quantity-breaks-container input:checked+.quantity-break{background:#3ba3da14;border:1px solid var(--gloom-primary-container)}.quantity-breaks .quantity-break:before{box-sizing:border-box;width:16px;height:16px;left:18px;top:19px;border:2px solid rgba(18,50,71,.35)}.quantity-breaks .quantity-breaks-container input:checked+.quantity-break:before{border:3px solid var(--gloom-surface-container);background:var(--gloom-primary-container);box-shadow:0 0 0 1.5px var(--gloom-primary-container)}.quantity-breaks .quantity-break__left .quantity-break__label{font-size:13px;font-weight:600;line-height:1.3;color:var(--gloom-on-surface)}.quantity-breaks .quantity-break__caption{font-size:12px;font-weight:300;line-height:1.4;color:var(--gloom-on-surface-variant)}.quantity-breaks .quantity-break__price{font-size:15px;font-weight:600;line-height:1.2;white-space:nowrap;color:var(--gloom-primary-container)}.quantity-breaks .quantity-break__compare-price{font-size:12px;line-height:1.2;white-space:nowrap;color:var(--gloom-on-surface-variant)}.quantity-breaks .quantity-break__benefit{position:absolute;top:-9px;right:10px;margin:0;padding:0 8px;font-size:10px;line-height:18px;letter-spacing:.02em;background:var(--gloom-surface);color:var(--gloom-primary-container);border:1px solid var(--gloom-primary-container);border-radius:999px}.quantity-breaks .quantity-break__badge{top:-9px;right:10px;transform:none;padding:0 8px;font-size:10px;font-weight:700;line-height:18px;letter-spacing:.02em;border-radius:999px;background:var(--gloom-primary-container);color:var(--gloom-on-primary)}@media screen and (min-width:750px){.quantity-breaks .quantity-break{padding:13px 14px 13px 42px}.quantity-breaks .quantity-break:before{left:21px;top:23px}.quantity-breaks .quantity-break__left .quantity-break__label{font-size:15px}.quantity-breaks .quantity-break__caption{font-size:13px}.quantity-breaks .quantity-break__price{font-size:17px}}.quantity-breaks .quantity-break__content{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:4px;align-items:start}.quantity-breaks .quantity-break__left,.quantity-breaks .quantity-break__left .quantity-break__label{display:contents}.quantity-breaks .quantity-break__label-text{grid-column:1 / -1;grid-row:1;font-size:14px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}.quantity-breaks .quantity-break__caption{grid-column:1;grid-row:2;align-self:center}.quantity-breaks .quantity-break__right{grid-column:2;grid-row:2;align-self:center;align-items:flex-end;row-gap:2px}@media screen and (max-width:360px){.quantity-breaks .quantity-break__label-text{font-size:12.5px}}@media screen and (min-width:750px){.quantity-breaks .quantity-break__label-text{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/gloomie-product.css.map */