:host{display:block;font-family:var(--font-din, var(--font-body-family, inherit));color:var(--color-dark-4, rgb(var(--color-base-text, 0, 0, 0)));width:100%}:host:focus-within{outline:none}.cyo-container{max-width:100%;margin:0 auto;box-sizing:border-box}.cyo-skip-link{position:absolute;top:-4rem;left:.6rem;background:var(--color-black, #000);color:var(--color-white, #fff);padding:.8rem;text-decoration:none;border-radius:.4rem;z-index:1000;transition:top .3s}.cyo-skip-link:focus{top:.6rem}.cyo-step{margin-bottom:0;padding:0;background:transparent}.cyo-step__header{margin-bottom:2rem;display:flex;flex-wrap:wrap;flex-direction:row;gap:1rem;justify-content:space-between;align-items:center;padding:0}.cyo-step__title{color:var(--color-dark-4);font-family:var(--font-din);font-size:1.6rem;font-style:normal;font-weight:400;line-height:normal;margin:0;text-transform:none;letter-spacing:normal}.cyo-step__nav{display:flex;flex-direction:row}.cyo-step__nav-item{all:unset;color:var(--color-dark-4);font-family:var(--font-din);font-size:1.6rem;font-style:normal;font-weight:400;line-height:normal;margin:0;cursor:pointer;opacity:1;transition:opacity .2s ease;display:inline-block;padding:.5rem;text-decoration:none;position:relative}.cyo-step__nav-item:hover{opacity:.7}.cyo-step__nav-item:focus{outline:2px solid var(--color-accent, #0066cc);outline-offset:2px;opacity:1}.cyo-step__nav-item--back:not(:only-child){padding-right:1.4rem;border-right:1px solid var(--color-dark-4)}.cyo-step__nav-item--next:not(:only-child){padding-left:1.4rem}.cyo-step__nav-arrow{position:relative;top:.1rem}.cyo-step__nav-item--back .cyo-step__nav-arrow{padding-right:.4rem}.cyo-step__nav-item--next .cyo-step__nav-arrow{padding-left:.4rem}.cyo-step__selection-name{color:var(--color-dark-4);font-family:var(--font-din);font-size:1.2rem;font-style:normal;font-weight:400;line-height:normal;margin:0 0 1.5rem}.cyo-step__selection-detail{color:#acacac}.cyo-step__content{margin-bottom:2rem}.cyo-live-region{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.cyo-product-options{display:flex;flex-wrap:wrap;gap:2.8rem;margin-bottom:0;align-items:flex-start;justify-content:flex-start;max-width:100%}.cyo-product-option{position:relative;flex:0 0 auto}.cyo-product-option__input{position:absolute;opacity:0;pointer-events:none}.cyo-product-option__label{display:block;width:8rem;height:8rem;border:1px solid rgba(0,0,0,.09);background:none;padding:0;cursor:pointer;border-radius:0;overflow:hidden;transition:border .2s ease,box-shadow .2s ease;position:relative}.cyo-product-option__input:focus+.cyo-product-option__label{outline:2px solid var(--color-accent, #0066cc);outline-offset:2px;box-shadow:0 0 0 4px #0066cc1a}.cyo-product-option__input:checked+.cyo-product-option__label{border:2px solid var(--color-black)}.cyo-product-option__label:hover,.cyo-product-option--selected .cyo-product-option__label{border:2px solid var(--color-black)}.cyo-product-option__label img{width:100%;height:100%;object-fit:contain;display:block;aspect-ratio:1}.cyo-product-option__title{display:none}.cyo-product-option__colors-badge{position:absolute;top:.5rem;right:.5rem;background:#ffffffe6;color:var(--color-dark-4);padding:.25rem .5rem;font-size:.7rem;font-family:var(--font-din);text-transform:uppercase;letter-spacing:.05em;border-radius:2px}.cyo-variant-selection{margin-bottom:2rem;padding:0;background:transparent;border-radius:0}.cyo-variant-option{margin-bottom:2rem}.cyo-variant-option:last-child{margin-bottom:0}.cyo-variant-option--hidden{display:none}.cyo-variant-option__label{color:var(--color-dark-4);font-family:var(--font-din);font-size:1.2rem;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize;margin:0 0 1rem;display:block}.cyo-variant-option__fieldset{border:none;padding:0;margin:0}.cyo-variant-option__fieldset:last-child{margin-bottom:0}.cyo-color-swatches,.cyo-size-options{display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none}.cyo-color-option{position:relative;flex:0 0 auto;margin:0}.cyo-color-option__input{position:absolute;opacity:0;pointer-events:none;clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px}.cyo-color-option__label{display:block;width:3.2rem;height:3.2rem;border:1px solid rgba(0,0,0,.1);border-radius:50%;cursor:pointer;position:relative;transition:all .2s ease}.cyo-color-option__input:focus+.cyo-color-option__label{outline:2px solid var(--color-accent, #0066cc);outline-offset:2px;box-shadow:0 0 0 4px #0066cc1a}.cyo-color-option__input:checked+.cyo-color-option__label{border:2px solid var(--color-black)}.cyo-color-option:hover:not(:has(.cyo-color-option__input:checked)) .cyo-color-option__label{border:2px solid rgba(0,0,0,.3)}.cyo-color-option__input--unavailable+.cyo-color-option__label,.cyo-color-option__input:disabled+.cyo-color-option__label{opacity:.5;cursor:not-allowed}.cyo-color-option__input--unavailable+.cyo-color-option__label:after,.cyo-color-option__input:disabled+.cyo-color-option__label:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:80%;background:#0009;transform:translate(-50%,-50%) rotate(45deg);border-radius:1px}.cyo-color-option__swatch{width:100%;height:100%;border-radius:50%;display:block;border:none}.cyo-size-option{position:relative;flex:0 0 auto;margin:0}.cyo-size-option__input{position:absolute;opacity:0;pointer-events:none;clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px}.cyo-size-option__label{display:block;padding:.8rem 1.2rem;border:1px solid rgba(0,0,0,.1);background:transparent;color:var(--color-dark-4);font-family:var(--font-din);font-size:1.2rem;font-weight:400;cursor:pointer;transition:all .2s ease;text-align:center;min-width:4.4rem;min-height:4.4rem;display:flex;align-items:center;justify-content:center}.cyo-size-option__input:focus+.cyo-size-option__label{outline:2px solid var(--color-accent, #0066cc);outline-offset:2px;box-shadow:0 0 0 4px #0066cc1a}.cyo-size-option__input:checked+.cyo-size-option__label{border:2px solid var(--color-black);background:var(--color-black);color:var(--color-white)}.cyo-size-option__input:disabled+.cyo-size-option__label,.cyo-size-option__input--unavailable+.cyo-size-option__label{opacity:.5;cursor:not-allowed}.cyo-size-option__label:hover{border:2px solid var(--color-black)}.cyo-size-option--selected .cyo-size-option__label{border:2px solid var(--color-black);background:var(--color-black);color:var(--color-white)}.cyo-step__actions{display:flex;gap:1rem;justify-content:space-between;align-items:center;margin-top:2rem}.cyo-step__action{all:unset;background:var(--color-black);color:var(--color-white);font-family:var(--font-din);font-size:1.6rem;font-weight:400;text-align:center;text-transform:uppercase;letter-spacing:.1em;padding:1.2rem 2.4rem;cursor:pointer;transition:all .2s ease;border:2px solid var(--color-black);display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;min-height:5.7rem;width:100%}.cyo-step__action.cyo-step__action--back{width:23%}.cyo-step__action:focus{outline:2px solid var(--color-accent, #0066cc);outline-offset:2px}.cyo-step__action--loading>.loading-overlay__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2rem;height:2rem}.cyo-step__action--back .cyo-step__action-arrow{position:relative;top:.3rem;margin-right:.8rem}.cyo-step__action:disabled,.cyo-step__action--disabled{cursor:not-allowed;background:var(--color-light-c);border-color:var(--color-light-c);color:var(--color-dark-6)}.cyo-review-step{padding:2rem 0;border-top:1px solid var(--color-light-c)}.cyo-review-step:last-child{border-bottom:1px solid var(--color-light-c);padding-bottom:2rem}.cyo-review-step .cyo-product-option__input,.cyo-review-step .cyo-color-option__input,.cyo-review-step .cyo-size-option__input{pointer-events:none}.cyo-review-step .cyo-product-option__label,.cyo-review-step .cyo-color-option__label,.cyo-review-step .cyo-size-option__label{cursor:default}.cyo-review-step .cyo-size-option__input:disabled+.cyo-size-option__label,.cyo-review-step .cyo-size-option__input--unavailable+.cyo-size-option__label,.cyo-review-step .cyo-color-option__input:disabled+.cyo-color-option__label{opacity:1}.cyo-review-step .cyo-size-option__input:disabled+.cyo-size-option__label:after,.cyo-review-step .cyo-size-option__input--unavailable+.cyo-size-option__label:after,.cyo-review-step .cyo-color-option__input:disabled+.cyo-color-option__label:after{display:none}.cyo-review-step .cyo-product-option__label:hover,.cyo-review-step .cyo-color-option__label:hover,.cyo-review-step .cyo-size-option__label:hover{border-color:inherit}.cyo-cart-error{background:var(--color-error-a);color:var(--color-white);padding:1rem;margin:1rem 0;border-radius:.4rem}.cyo-cart-error__message{margin:0}.hidden{display:none!important}.visually-hidden{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}.cyo-progress{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 767px){.cyo-step__header{flex-direction:column;align-items:flex-start;gap:1.5rem}.cyo-step__nav{display:none}.cyo-product-options{gap:1rem}.cyo-step__action:not(.cyo-step__action--back){background-color:var(--color-light);color:var(--color-dark-4);border-color:var(--color-light);width:100%;order:1}.cyo-size-option{flex:1 1 auto}.cyo-size-option__label{min-width:auto}.cyo-review__item{margin-bottom:1.5rem}.cyo-review__item:last-child{margin-bottom:0}.cyo-review__total{font-size:1.8rem;margin-top:2rem}}@media (min-width: 768px){.cyo-step__action.cyo-step__action--back{display:none;order:-1}}.cyo-product-options-toggle{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.cyo-product-options-toggle--transitioning{opacity:0;transform:translateY(-1rem);pointer-events:none}.cyo-product-options,.cyo-variant-option__fieldset,.cyo-product-option{animation-fill-mode:both}.cyo-product-option--fade-in{animation:fadeInUp .4s ease forwards}.cyo-product-option--fade-out{animation:fadeOutDown .4s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(2rem)}}.cyo-more-options-btn,.cyo-more-options-btn--show-more{background:transparent;color:var(--color-black);font-family:var(--font-din);font-size:1.6rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;padding:1rem 2rem;cursor:pointer;transition:all .2s ease;border:1px solid var(--color-black);display:flex;align-items:center;justify-content:center;margin:2rem auto 0;text-align:center;width:100%;min-height:4rem}.cyo-more-options-btn:hover,.cyo-more-options-btn--show-more:hover{background:var(--color-black);color:var(--color-white)}.cyo-more-options-btn:focus,.cyo-more-options-btn--show-more:focus{outline:2px solid var(--color-accent, #0066cc);outline-offset:2px}.cyo-more-options-btn:active,.cyo-more-options-btn--show-more:active{transform:scale(.98)}.cyo-more-options-btn:disabled,.cyo-more-options-btn--show-more:disabled{opacity:.5;cursor:not-allowed;background:var(--color-light-c);border-color:var(--color-light-c);color:var(--color-dark-6)}.cyo-more-options-btn:disabled:hover,.cyo-more-options-btn--show-more:disabled:hover{background:var(--color-light-c);color:var(--color-dark-6)}@media (max-width: 767px){.cyo-more-options-btn,.cyo-more-options-btn--show-more{margin:1rem auto 0}:host([data-enable-sticky-atb="true"]) .cyo-step__actions{transition:all var(--duration-default, .3s) ease,bottom var(--duration-long, .5s)}:host([data-enable-sticky-atb="true"][data-enable-sticky-atb-on="render"]) .cyo-step__actions,:host([data-enable-sticky-atb="true"][data-enable-sticky-atb-on="scroll"]) .cyo-step__actions.cyo-step__actions--sticky{position:fixed!important;bottom:2rem;left:0;right:0;z-index:110;transform:translateY(0);animation:transform var(--duration-long, .5s) ease;margin:0;padding:1rem;width:100%!important;box-sizing:border-box}:host([data-enable-sticky-atb="true"]) .cyo-step__actions.cyo-step__actions--sticky-stop{transform:translateY(100%);pointer-events:none}:host([data-enable-sticky-atb="true"]) .cyo-step__actions.cyo-step__actions--sticky .cyo-step__action,:host([data-enable-sticky-atb="true"][data-enable-sticky-atb-on="render"]) .cyo-step__actions .cyo-step__action{position:static!important;width:auto!important;margin:0;border-radius:.25rem}:host([data-enable-sticky-atb="true"]) .cyo-step__actions.cyo-step__actions--sticky .cyo-step__action.cyo-step__action--back,:host([data-enable-sticky-atb="true"][data-enable-sticky-atb-on="render"]) .cyo-step__actions .cyo-step__action.cyo-step__action--back{width:23%!important;flex-shrink:0}:host([data-enable-sticky-atb="true"]) .cyo-step__actions.cyo-step__actions--sticky .cyo-step__action:not(.cyo-step__action--back),:host([data-enable-sticky-atb="true"][data-enable-sticky-atb-on="render"]) .cyo-step__actions .cyo-step__action:not(.cyo-step__action--back){flex:1}}
/*# sourceMappingURL=/cdn/shop/t/1470/assets/cyo-product.css.map */