.custom-tray-options[hidden],.custom-tray-options__option[hidden]{display:none!important}.custom-tray-options{width:100%;margin-block:1.5rem}.custom-tray-options__error{margin-block:1rem;padding:1.2rem 1.5rem;border:.1rem solid #b42318;border-radius:1rem;color:#b42318;background:#fff4f2}.custom-tray-options__list{display:flex;flex-direction:column;row-gap:3.5rem}.custom-tray-options__option{min-width:0;margin:0;padding:0;border:0}.custom-tray-options__legend{display:flex;gap:1rem;align-items:center;width:100%;margin:0 0 1.5rem;padding:0;color:#6f6f6f;font-size:1.8rem;font-weight:700;text-align:center}.custom-tray-options__number{display:inline-flex;flex:0 0 2.5rem;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;color:#fff;background:#000;font-size:1.4rem}.custom-tray-options__values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:1rem;width:calc(100% + 1.2rem);margin-inline:-.6rem;padding:2.5rem;border-radius:5rem;background:#ececec}.custom-tray-options__value{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;min-width:0;height:auto;line-height:1.625;padding:1.2rem 2rem;border:.2rem solid #8e8e8e;border-radius:2.5rem;color:#000;background:#ececec;box-shadow:0 0 .2rem .1rem #0003;font:inherit;font-size:1.68rem;text-align:center;text-transform:none;text-wrap:auto;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.custom-tray-options__value[data-option-id="17"],.custom-tray-options__value[data-option-id="19"]{background:#fff}.custom-tray-options__value:hover:not(:disabled){background:#ec9322}.custom-tray-options__value.is-selected{border-color:#000;color:#fff;background:#000}.custom-tray-options__list .custom-tray-options__value.is-selected{font-weight:700}.custom-tray-options__value:focus-visible{outline:.2rem solid #005fcc;outline-offset:.3rem;box-shadow:0 0 0 .2rem #fff,0 0 .2rem .1rem #0003}.custom-tray-options__value:disabled{cursor:not-allowed;opacity:.45}.custom-tray-options__value[hidden]{display:none!important}.custom-tray-options__image{width:min(18rem,90%);height:auto;aspect-ratio:1;object-fit:contain}.custom-tray-options__price{font-size:.85em}.custom-tray-options__unavailable{color:#b42318;font-size:.8em;font-weight:600}.custom-tray-options__option[data-option-id="20"] .custom-tray-options__values{display:none}.custom-tray-options__option[data-option-id="17"] .custom-tray-options__values,.custom-tray-options__option[data-option-id="19"] .custom-tray-options__values,.custom-tray-options__option[data-option-id="8"] .custom-tray-options__values{grid-template-columns:1fr}.custom-tray-calculator[hidden],.custom-tray-calculator__dimensions-card[hidden],.custom-tray-calculator__dimension[hidden],.custom-tray-calculator__field-error[hidden],.custom-tray-calculator__size-note[hidden],.custom-tray-calculator__summary>div[hidden]{display:none!important}.custom-tray-calculator{position:sticky;top:var(--header-group-height, 0px);z-index:9;width:100%;margin-bottom:1.5rem;transition:top var(--animation-nav)}body.header-pinned .custom-tray-calculator{top:var(--header-height, 0px)}body.is-hide-nav .custom-tray-calculator{top:0}body.is-hide-nav.header-pinned .custom-tray-calculator{top:calc(var(--header-height) - var(--header-navigation-height) - .1rem)}.custom-tray-calculator__summary-card{position:relative;padding:3rem 2rem 2rem;overflow:hidden;border:.1rem solid #ccc;border-radius:1.5rem;background:#fff}.custom-tray-calculator__dimensions-card{margin-top:0;padding:2rem;border:.1rem solid #ccc;border-radius:1.5rem;background:#fff}.custom-tray-calculator__progress{position:absolute;top:0;left:0;width:100%;height:1.8rem;background-color:#e5e5e5;background-image:linear-gradient(to right,#ddd 0 var(--tray-progress-segment-end, 0%),transparent var(--tray-progress-segment-end, 0%))}.custom-tray-calculator__progress:before,.custom-tray-calculator__progress:after{content:"";position:absolute;top:0;z-index:1;width:1.8rem;height:1.8rem;border-radius:50%;background:#fff}.custom-tray-calculator__progress:before{left:calc(33.3333% - .9rem)}.custom-tray-calculator__progress:after{left:calc(66.6666% - .9rem)}.custom-tray-calculator__progress span{display:block;width:0;height:100%;background-image:linear-gradient(to right,#e4c58e 0 33.3333%,#db9d6a 33.3333% 66.6666%,#fe9d01 66.6666%);background-repeat:no-repeat;background-size:calc(100% * var(--tray-progress-scale, 1)) 100%;transition:width .2s ease,background-size .2s ease}.custom-tray-calculator__progress-text{position:absolute;top:0;right:.5rem;z-index:2;margin:0;padding-right:1rem;color:#fff;font-size:1.2rem;font-weight:400;line-height:1.8rem}.custom-tray-calculator__title{margin:0 0 1.5rem;font-size:2rem;font-weight:700;line-height:1.625;text-align:center}.custom-tray-calculator__dimensions{display:grid;gap:1.2rem}.custom-tray-calculator__dimension{display:grid;grid-template-columns:3.8rem minmax(0,1fr);gap:1rem;align-items:center}.custom-tray-calculator__letter{display:inline-flex;align-items:center;justify-content:center;width:3.8rem;height:3.8rem;border-radius:50%;color:#fff;background:#bababa;font-size:1.6rem;font-weight:600}.custom-tray-calculator__dimension:focus-within .custom-tray-calculator__letter{background:#bb16d5}.custom-tray-calculator__field{min-width:0;padding:.8rem 1.2rem;border-radius:1.5rem;background:#ec9322}.custom-tray-calculator__dimension:focus-within .custom-tray-calculator__field{color:#fff;background:#000}.custom-tray-calculator__label{display:block;margin-bottom:.7rem}.custom-tray-calculator__label.visually-hidden{margin:-.1rem}.custom-tray-calculator__row{display:flex;flex-wrap:nowrap;gap:.7rem;align-items:center}.custom-tray-calculator__name{flex:1 1 auto;min-width:0;font-weight:700;word-break:break-word}.custom-tray-calculator__ok{flex:0 0 auto;height:3.3rem;min-width:4.4rem;padding:0 1.5rem;border:0;border-radius:.5rem;color:#fff;background:#bababa;font-size:1.36rem;font-weight:600;line-height:normal;text-transform:uppercase;cursor:default}.custom-tray-calculator__ok:not([disabled]){cursor:pointer}.custom-tray-calculator__ok.is-active{background:#ec9322}.custom-tray-calculator__ok.is-active:not([disabled]):hover{background:#d9801a}.custom-tray-calculator__unit{display:inline-flex;align-items:center;padding-right:.8rem;border:.1rem solid #ccc;border-radius:.5rem;color:#000;background:#ededed;font-size:1.6rem}.custom-tray-calculator__dimension:focus-within .custom-tray-calculator__unit{background:#fff}.custom-tray-calculator__unit input{width:6rem;height:3.5rem;padding:0 .2rem 0 .8rem;border:0;outline:0;background:transparent}@media(hover:none),(pointer:coarse),(any-pointer:coarse){.custom-tray-calculator__unit input{font-size:16px}}@supports (-webkit-touch-callout: none){.custom-tray-calculator__unit input{font-size:16px}}.custom-tray-calculator__unit input:focus-visible{outline:2px solid #005fcc;outline-offset:1px;border-radius:3px}.custom-tray-calculator__field-error{margin:.7rem 0 0;color:#000;font-size:1.3rem;line-height:1.35}.custom-tray-calculator__dimension:focus-within .custom-tray-calculator__field-error{color:#fff}.custom-tray-calculator__size-note{margin:.5rem 0 0 5rem;color:#000;font-size:1.6rem;line-height:1.625}.custom-tray-calculator__summary{display:flex;flex-wrap:wrap;column-gap:1rem;row-gap:.8rem;margin:2rem 0 0}.custom-tray-calculator__summary>div{flex:0 0 calc(50% - 1rem);display:flex;flex-wrap:wrap;column-gap:1rem}.custom-tray-calculator__summary dt{font-weight:700}.custom-tray-calculator__summary dd{margin:0;font-weight:400;line-height:3rem}.product__media-item:first-child,.product__media-item.tray-preview-host{position:relative}.product__media-item.tray-preview-host .product__media img.tray-preview-photo{opacity:.001!important}.tray-preview-placeholder{position:absolute;top:50%;left:50%;z-index:1;width:40rem;max-width:100%;transform:translate(-50%,-50%);text-align:center}.tray-preview-placeholder[hidden]{display:none!important}.tray-preview-placeholder img{width:100%;padding-top:0}.tray-preview-placeholder__text{display:block;margin-top:2rem;font-size:2.4rem;line-height:normal}.tray-preview-placeholder__hint{color:#666;font-size:1.6rem}.tray-parts-shown{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.product__media-gallery .tray-preview-unclipped{overflow:visible;-webkit-mask-image:none;mask-image:none}@media(max-width:1199.98px){.product__media-item.tray-preview-host .tray-parts-shown{top:4%;left:4%;width:92%;height:92%}}@media(min-width:2000px){body.product-template.tray-native .site-wrapper{overflow-x:clip}}.tray-parts-shown img,.tray-parts-shown svg{position:absolute;max-width:none;height:auto;object-fit:contain}.tray-parts-shown svg.fill-color *,.tray-parts-shown svg.fill-color{fill:var(--tray-fill-color);stroke:transparent}.tray-parts-shown svg.fill-color [id*=Side],.tray-parts-shown svg.fill-color [id*=side],.tray-parts-shown svg.fill-color [id*=Side] *,.tray-parts-shown svg.fill-color [id*=side] *{fill:color-mix(in srgb,var(--tray-fill-color),black 20%)}.tray-parts-shown .letter{position:absolute;z-index:100;display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;color:#fff;background:#bb16d5;font-size:1.2rem;opacity:0}.tray-parts-shown [data-letter]{opacity:0}.tray-parts-shown [data-letter].active{opacity:1}.product__info-container .product__block--price,button[name=add]{display:none!important}.custom-add-to-cart{display:flex;height:5.8rem;cursor:pointer}.custom-add-to-cart[aria-disabled=true]{opacity:1;cursor:pointer}.tray-popup{width:145rem;max-width:90%;height:90vh;max-height:90vh;padding:0;overflow:hidden;border:.1rem solid #dfdfdf;border-radius:3.5rem;background:#fdfdfd}.tray-popup:not([open]){display:none}.tray-popup::backdrop{background:#ffffffbf}.tray-popup--fallback{position:fixed;top:50%;left:50%;z-index:100000;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #ffffffbf}.tray-popup__inner{display:flex;flex-direction:column;height:100%;overflow-y:auto;overscroll-behavior:contain}.tray-popup__close{position:sticky;top:1.5rem;z-index:2;align-self:flex-end;width:4rem;height:4rem;margin-right:1.5rem;padding:0;border:.1rem solid #ccc;border-radius:50%;color:#000;background:#fff;font-size:3rem;line-height:1;cursor:pointer;flex-shrink:0}.tray-popup__close>span{display:block;transform:rotate(45deg);transition:transform .35s ease}.tray-popup__close:hover>span{transform:rotate(135deg)}.tray-popup__crumbs{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;padding:3.5rem 2.5rem 3rem;background:#f6f6f6}.tray-popup__crumb{height:auto;padding:0;border:0;border-radius:0;gap:0;background:transparent;color:#000;font:inherit;line-height:2.6rem;white-space:nowrap;text-transform:none}.tray-popup__crumb--linked{cursor:pointer}.tray-popup__crumb--linked .tray-popup__crumb-text{margin-right:1rem;border-bottom:.1rem solid #000}.tray-popup__crumb--linked:after{content:"\276f";display:inline-block;margin-left:1rem;border:0}.tray-popup__crumb--current{font-weight:700}.tray-popup__steps{flex:1 1 auto;padding:2.5rem 2.5rem 4.5rem}.tray-popup__steps .custom-tray-options__option{display:none}.tray-popup__steps .custom-tray-options__option--current-step:not([hidden]){display:block}.tray-popup__steps .custom-tray-options__legend{justify-content:center;margin:1.5rem 0;color:#000;font-size:2.6rem;font-weight:600}.tray-popup__steps .custom-tray-options__number{display:none}.tray-popup__steps .custom-tray-options__values{display:flex;flex-wrap:wrap;align-items:stretch;gap:1.2rem 2rem;justify-content:center;width:100%;margin-inline:0;padding:0;border-radius:0;background:transparent}.tray-popup__steps .custom-tray-options__value{flex:0 0 25rem;gap:0;justify-content:flex-start;width:auto;max-width:100%;min-height:0;padding:1.6rem;border:.1rem solid #fff;border-radius:1.5rem;color:#000;background:#fff;box-shadow:0 .3rem 1.2rem #0000001f;font-size:1.8rem}.tray-popup__steps .custom-tray-options__value:hover:not(:disabled){background:#fff;box-shadow:0 .3rem 1.2rem #aaa}.tray-popup__steps .custom-tray-options__value.is-selected,.tray-popup__steps .custom-tray-options__value.is-pending{border-color:#aaa;color:#000;background:#fff;box-shadow:0 .3rem 1.2rem #aaa}.tray-popup__steps .custom-tray-options__option:not(.custom-tray-options__option--images):has(.is-pending) .custom-tray-options__value.is-selected:not(.is-pending){border-color:#fff;box-shadow:0 .3rem 1.2rem #0000001f}.tray-popup__steps .custom-tray-options__option:not(.custom-tray-options__option--images):has(.is-pending) .custom-tray-options__value.is-selected:not(.is-pending):hover:not(:disabled){box-shadow:0 .3rem 1.2rem #aaa}.tray-popup__steps .custom-tray-options__value:focus-visible{outline:.2rem solid #005fcc;outline-offset:.3rem;box-shadow:0 .3rem 1.2rem #0000001f}.tray-popup__steps .custom-tray-options__image-wrapper{display:block;width:100%;max-width:100%}.tray-popup__steps .custom-tray-options__image{width:100%;aspect-ratio:auto}.tray-popup__steps .custom-tray-options__value-label{display:block;padding:1.7rem 1.2rem .4rem}.tray-popup__steps .custom-tray-options__value:not(:has(img)) .custom-tray-options__value-label{display:flex;align-items:center;justify-content:center;width:100%;min-height:8.5rem;padding:1.2rem}.tray-popup__steps .custom-tray-options__option--images .custom-tray-options__value,.tray-popup__steps .custom-tray-options__option--images .custom-tray-options__value:hover:not(:disabled),.tray-popup__steps .custom-tray-options__option--images .custom-tray-options__value.is-selected,.tray-popup__steps .custom-tray-options__option--images .custom-tray-options__value.is-pending,.tray-popup__steps .custom-tray-options__option--images .custom-tray-options__value:focus-visible{border-color:transparent;box-shadow:none}.tray-popup__steps .custom-tray-options__option--images .custom-tray-options__value{position:relative;isolation:isolate}.tray-popup__steps .custom-tray-options__option--images .custom-tray-options__value:before,.tray-popup__steps .custom-tray-options__option--images .custom-tray-options__value:after{content:"";position:absolute;top:0;pointer-events:none}.tray-popup__steps .custom-tray-options__option--images .custom-tray-options__value:before{left:0;z-index:1;width:2.8rem;height:2.8rem;border-radius:.5rem;background:#ececec}.tray-popup__steps .custom-tray-options__option--images .custom-tray-options__value:after{left:.7rem;z-index:2;color:#ec9322;font-size:1.8rem;line-height:1.625}.tray-popup__steps .custom-tray-options__option--images .custom-tray-options__value.is-pending:after,.tray-popup__steps .custom-tray-options__option--images .custom-tray-options__value.is-selected:after,.tray-popup__steps .custom-tray-options__option--images .custom-tray-options__value[aria-pressed=true]:after{content:"\2714"}.tray-popup__steps .custom-tray-options__option--images:has(.is-pending) .custom-tray-options__value:not(.is-pending):after{content:""}.tray-popup__choose{position:sticky;bottom:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:.8rem;padding:1.5rem 2.5rem;background:#f6f6f6}.tray-popup__choose[hidden],.tray-popup__choose-btn[hidden],.tray-popup__back-btn[hidden]{display:none!important}.tray-popup__choose-btn,.tray-popup__back-btn{height:4.8rem;padding:0 3.2rem;line-height:3rem}.tray-popup__choose-btn{grid-area:1 / 2}.tray-popup__back-btn{grid-area:1 / 1;justify-self:start;gap:0;white-space:nowrap}.tray-popup__back-btn:after{content:"\276e";content:"\276e" / "";display:inline-block;order:-1;margin-right:1rem}.tray-popup__choose-btn[disabled]{opacity:.5;cursor:not-allowed}body.tray-popup-open{overflow:hidden}.custom-tray-options__change-row{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;margin:2.5rem 0 .5rem}.custom-tray-options__change{height:4.8rem;line-height:3rem;padding:0 3.2rem;text-transform:none}.custom-tray-options__chosen{font-weight:600}@media(max-width:1350px){.custom-tray-calculator__row{flex-wrap:wrap}.custom-tray-calculator__name{flex:1 1 100%}}@media(max-width:749px){.tray-popup{width:100%;max-width:100%;height:100%;max-height:100%;margin:0;border:0;border-radius:0}.tray-popup--fallback{top:0;left:0;transform:none}.tray-popup__steps{padding:1.5rem 1.5rem 3rem}.tray-popup__back-btn{padding-inline:2.4rem}}@media(max-width:549px){.custom-tray-options__values{grid-template-columns:1fr}.custom-tray-calculator__summary-card,.custom-tray-calculator__dimensions-card{padding-inline:1.5rem}.custom-tray-calculator__summary>div{flex:1 1 100%}.custom-tray-calculator__name{flex:1 1 100%}}@media(max-width:479.98px){.tray-popup__back-btn{width:4.8rem;padding:0}.tray-popup__back-btn:after{margin-right:0}.tray-popup__back-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/custom-tray-options.css.map */
