addon-products{--addon-border-color: 60, 60, 60;--addon-border: var(--border-outer-width) solid rgb(var(--addon-border-color));--border-outer-width: 1px;--color-addon-open: 34 34 34;--color-addon-bg: #101010;--color-addon-text: #fff;--color-addon-muted: #ccc;--color-addon-border-hover: #777;--addon-radius: 4px;--addon-thumb-size: 50px;--addon-strip-img-size: 60px;--addon-count-inactive-color: rgb(177 177 177 / 70%);--addon-count-inactive-border: rgb(177 177 177 / 40%);--addon-count-active-color: rgba(28, 171, 37, .2);--addon-count-active-border: rgba(28, 171, 37, .4);--addon-count-active-shadow: 0 4px 6px -1px rgb(28 171 37 / .1), 0 2px 4px -2px rgb(28 171 37 / .1);--addon-strip-background: #1d1c19;--addon-active-gradient: linear-gradient(90deg, rgba(182, 152, 91, .2) 0%, rgba(16, 16, 16, .3) 65%)}addon-products.disabled{filter:grayscale(.5);pointer:not-allowed!important;pointer-events:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.addon-wrapper{border-radius:4px;border:1px solid rgb(var(--addon-border-color));background-color:#101010;background:linear-gradient(90deg,#101010,#000 85%);padding:2rem!important;display:block;margin-top:2rem;position:relative}addon-products{display:block;margin-top:4rem!important;margin-bottom:4rem!important}.addon-categories{display:flex;flex-direction:column;gap:1.5rem}.addon-headline h2,.addon-headline h3{text-transform:uppercase;margin-block:3rem 2rem;margin-top:0;font-weight:700;color:#fff}.addon-description,.addon-description p{line-height:1.4}.addon-description p:first-child{margin-top:0;padding-top:0}addon-group>details{border-radius:var(--addon-radius);border:var(--addon-border);background-color:var(--color-addon-bg);overflow:hidden;font-size:14px;transition:border-color var(--duration-short) ease}.addon-category__content-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}addon-group>details[open] .addon-category__content-wrapper{grid-template-rows:1fr}.addon-category__content-wrapper.is-closing{grid-template-rows:0fr!important}.addon-category__content{overflow:hidden;max-height:500px;overflow-y:auto}addon-group>details:is(:hover,[open]),addon-group>details:is(:hover,[open]) .addon-category__arrow{border-color:var(--color-addon-border-hover)}addon-group.has-selection>details{border-color:rgba(var(--color-base-accent),.5)!important;background:var(--addon-active-gradient)}addon-group>details>summary{display:flex;align-items:center;gap:1rem;list-style:none;cursor:pointer;font-size:14px;font-weight:400;line-height:var(--addon-thumb-size);-webkit-user-select:none;user-select:none}addon-group>details>summary:focus-visible{outline:2px solid rgb(var(--color-base-accent));outline-offset:2px}addon-group>details[open]>summary{border-bottom:var(--addon-border)!important;background-color:rgb(var(--color-addon-open));border-color:var(--color-addon-border-hover)!important;background:linear-gradient(90deg,#222222bd,#101010 48%)}addon-group.has-selection>details[open]>summary{border-bottom-color:rgba(var(--color-base-accent),.7)!important;background-color:rgba(var(--color-base-accent),.1);background:var(--addon-active-gradient):}addon-group>details::hover>summary{background-color:rgba(var(--color-base-accent),.1)}.addon-category__arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--addon-thumb-size);height:var(--addon-thumb-size);border-inline-end:var(--addon-border)}addon-group.has-selection .addon-category__arrow{border-color:rgba(var(--color-base-accent),.7)!important}addon-group>details>summary svg{transition:transform var(--duration-default) ease;flex-shrink:0}addon-group>details[open]>summary svg{transform:rotate(180deg)}addon-group.has-selection .addon-category__arrow>svg{color:rgb(var(--color-base-accent))}.addon-category__name{flex-grow:1;display:flex;align-items:center;padding-inline-start:1rem;margin:0;font-size:1.6rem;font-weight:700;line-height:1;color:var(--color-addon-text)}.addon-category__loader{display:none;margin-inline-start:1rem;width:2rem;height:2rem;border:.2rem solid transparent;border-inline-start-color:currentColor;border-radius:50%;opacity:0;animation:loading var(--duration-long) infinite linear;transition:opacity .2s ease}.addon-category__loader.is-loading{opacity:1;display:inline-block}.addon-category__count{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;height:fit-content;padding:4px 8px;margin-inline-end:.5rem;border-radius:var(--addon-radius);border:1px solid var(--addon-count-inactive-border);color:#aaa;font-size:1.1rem;font-weight:700;line-height:1;text-transform:uppercase}addon-group.has-selection .addon-category__count{border:1px solid rgba(29,171,37,.9);background-color:#1cab2533;color:#1dab25}.addon-category__thumbnail{flex-shrink:0;width:var(--addon-thumb-size);height:var(--addon-thumb-size);text-align:center}.addon-category__helper-text{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:var(--addon-border)!important;color:var(--color-addon-muted);line-height:1.4}.addon-category__helper-text>svg{flex-shrink:0;width:14px;height:14px;color:rgb(var(--color-base-accent))}.addon-category__helper-text>span{flex:1}.addon-category__helper-text p{margin:0;padding:0}.addon-category__helper-text p a{color:var(--color-addon-text);text-decoration:underline;transition:color var(--duration-default) ease}.addon-category__helper-text p a:hover{color:rgb(var(--color-base-accent))}addon-item{display:block}addon-item:not(:last-child){border-bottom:0;border-bottom:var(--addon-border)}.product-addons__item-inner{display:flex;align-items:center;gap:2rem;padding:1.5rem;border-radius:4px;background:#181818}@media screen and (max-width:480px){.product-addons__item-inner{padding:1rem}}.product-addons__item-media{position:relative;display:flex;align-items:center;min-width:60px;overflow:hidden}.product-addons__item-media.is-loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#0000000d}.product-addons__item-media.is-loading:after{content:"";position:absolute;inset:50% auto auto 50%;translate:-50% -50%;z-index:3;display:block;width:2.4rem;height:2.4rem;border:.2rem solid transparent;border-inline-start-color:#fff;border-radius:50%;animation:loading var(--duration-long) infinite linear}.product-addons__item-media.is-loading img{opacity:.4;transition:opacity .2s ease}.product-addons__item-media img{position:relative;z-index:1;border-radius:.5rem;background-color:#fff;width:80px;height:80px}.product-addons__item-media>a{display:flex;height:fit-content}.product-addons__item-content{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;flex:1;min-width:0}.product-addons__item-title{margin:0;font-size:1.4rem;font-weight:700;line-height:1.3;color:var(--color-addon-text)}.product-addons__item-title a,.product-addons__item-title a:visited{color:#fff;text-decoration:none;transition:text-decoration var(--duration-short) ease}.product-addons__item-title a:hover{text-decoration:underline}.product-addons__item-link{margin-inline-start:.25rem;vertical-align:middle;color:rgb(var(--color-base-accent));text-decoration:none}.product-addons__item-link:is(:visited,:active){color:rgb(var(--color-base-accent))}.product-addons__item-link:focus-visible{outline:2px solid rgb(var(--color-base-accent));outline-offset:2px;border-radius:2px}.product-addons__select-wrapper{display:flex;flex-direction:row;gap:1rem;width:100%;justify-content:space-between}.product-addons__variant-select{min-width:200px;width:100%;max-width:400px;padding:.5em;border:1px solid #666;border-radius:4px;background-color:rgb(var(--color-addon-open));color:#ddd;font-size:14px;line-height:1;cursor:pointer}.product-addons__variant-select:disabled{opacity:.5;cursor:not-allowed}.product-addons__variant-select:focus-visible{outline:2px solid rgb(var(--color-base-accent));outline-offset:2px}.product-addons__item-actions{flex-shrink:0}.product-addons__item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;margin:0;padding:0}.product-addons__item-meta dd{margin:0;padding:0}.addon-count__numbers{white-space:nowrap}.product-addons__item-price{font-size:1.3rem;line-height:1;margin-bottom:.5rem;font-weight:700;white-space:nowrap;color:rgb(var(--color-base-accent))!important;transition:color var(--duration-short) ease}.addon-made-to-order-notice{padding:0;margin:0;font-size:1.2rem;line-height:1.4;color:#ccc;font-weight:500}.addon-made-to-order-notice strong{text-transform:uppercase;font-weight:700;color:rgb(var(--color-base-accent))}.addon-badge-wrapper{display:flex;flex-direction:row;margin-bottom:4px;gap:5px}.addon-badge{display:flex;width:fit-content;align-items:center;gap:2px;padding:4px 4px 3px;border-radius:3px;font-size:.875rem;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.04em}.addon-badge--featured{background-color:rgba(var(--color-base-accent),.3);color:rgb(var(--color-base-accent));border:1px solid rgba(var(--color-base-accent),.7)!important}.addon-badge.made-to-order{filter:hue-rotate(75deg)}.addon-badge--featured>svg{display:none;fill:rgb(var(--color-base-accent))}.product-addons__stepper-wrap{line-height:1}addon-stepper,.addon-configure-button{display:flex;align-items:center;height:34px;border:1px solid #666;border-radius:.5rem;background-color:var(--color-addon-open);overflow:hidden;transition:border-color var(--duration-default) ease}.addon-configure-button{color:#fafafa;background-color:#1d1c19;text-decoration:none;transition:background-color var(--duration-short) ease}.addon-configure-button:hover{background-color:rgba(var(--color-base-accent),.15)!important;border-color:rgba(var(--color-base-accent),.4)!important}addon-stepper[data-qty]:not([data-qty="0"]){border-color:rgb(var(--color-base-accent))}addon-stepper[disabled]{opacity:.5;cursor:not-allowed}.addon-stepper__btn,.addon-configure-button-inner{display:flex;align-items:center;justify-content:center;flex-direction:row-reverse;gap:.4rem;height:100%;padding:0 .9rem;border:none;background:transparent;color:inherit;font-size:1.3rem;white-space:nowrap;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color var(--duration-short) ease}@media screen and (max-width:480px){.addon-configure-button-inner-label{display:none}}.addon-corner{position:absolute;width:20px;height:20px;display:block!important}.addon-corner.tl{top:-1px;left:-1px;border-top:2px solid rgb(var(--color-base-accent));border-left:2px solid rgb(var(--color-base-accent))}.addon-corner.br{bottom:-1px;right:-1px;border-bottom:2px solid rgb(var(--color-base-accent));border-right:2px solid rgb(var(--color-base-accent))}.addon-stepper__btn .addon-stepper__add-label{margin-inline-start:.25rem}.addon-stepper__btn:hover:not(:disabled){background-color:#ffffff14}.addon-stepper__btn:disabled{opacity:.4;cursor:not-allowed}.addon-stepper__btn:focus-visible{outline:2px solid rgb(var(--color-base-accent));outline-offset:-2px}.addon-stepper__decrement{border-inline-end:1px solid #666}addon-stepper[data-qty]:not([data-qty="0"]) .addon-stepper__increment{padding:0 .75rem;border-inline-start:1px solid #666}.addon-stepper__qty{min-width:2.4rem;padding:0 .2rem;font-size:1.4rem;font-variant-numeric:tabular-nums;text-align:center;-webkit-user-select:none;user-select:none}.addon-selection-strip-separator{display:flex;align-items:center;justify-content:center;margin-top:2rem}.addon-selection-strip-separator>svg{transform:rotate(-90deg);width:30px;height:auto}addon-strip{border-radius:4px;border:1px solid rgb(90 90 90);background-color:var(--addon-strip-background);padding:2rem!important;display:block;margin-top:2rem;position:relative;background:linear-gradient(90deg,#1d1c19,#101010 47%)}.addon-selection-strip-headline{margin-bottom:2rem;margin-top:0;font-weight:700;line-height:1;text-transform:uppercase;color:var(--color-addon-text)}.addon-selection-strip-topline{font-family:Share Tech Mono,monospace;font-size:12px;color:rgb(var(--color-base-accent));letter-spacing:4px;margin-bottom:0;text-transform:uppercase}.addon-selection-strip,.addon-selection-strip__addons{display:flex;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}.addon-selection-strip__placeholder{display:flex;gap:.75rem;flex-wrap:wrap;width:fit-content;border:1px solid rgb(90 90 90);border-style:dashed;border-radius:8px;background:#111!important;height:80px;width:80px;aspect-ratio:1 / 1;padding:1rem;box-sizing:border-box;align-items:center;justify-content:center;transition:border-color var(--duration-short) ease}.addon-selection-strip__placeholder:visited{color:#fff}.addon-selection-strip__placeholder>svg{color:#666;fill:#666;transition:fill var(--duration-short) ease,color var(--duration-short) ease}.addon-selection-strip__placeholder:hover{border-color:#fff}.addon-selection-strip__placeholder:hover>svg{color:#fff;fill:#fff}.addon-selection-strip__group{display:flex;flex-direction:column;gap:.35rem;animation:strip-group-in .25s ease forwards}.addon-selection-strip__group--removing{animation:strip-group-out .2s ease forwards}@keyframes strip-group-in{0%{opacity:0;transform:translateY(6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes strip-group-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(6px) scale(.95)}}@keyframes strip-item-in{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes strip-item-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.75)}}.addon-selection-strip__group-label{font-size:1rem;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.04em;color:#fff}.addon-selection-strip__group-images{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;width:fit-content;border:1px solid rgb(90 90 90);padding:1rem;border-radius:8px;background:#222!important}.addon-selection-strip__addon{position:relative;padding:0;border:none;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.addon-selection-strip__addon:focus-visible{outline:2px solid rgb(var(--color-base-accent));outline-offset:2px;border-radius:2px}.addon-selection-strip__addon:after{content:"";position:absolute;opacity:1;background-color:#00000059;background-image:linear-gradient(45deg,transparent 42%,white 42%,white 58%,transparent 58%),linear-gradient(-45deg,transparent 42%,white 42%,white 58%,transparent 58%);background-size:10px 10px;background-repeat:no-repeat;background-position:center;transition:opacity .2s ease,background-color .1s ease;border-radius:50%;background-color:#000;top:-7px;right:-7px;left:auto;bottom:auto;width:15px;height:15px;background-size:7px 7px}.addon-selection-strip__addon:hover:after{opacity:1;background-color:var(--color-critical)}.addon-selection-strip__addon:hover .addon-selection-strip__image{filter:brightness(1);border-color:rgb(var(--color-base-accent))}.addon-selection-strip__image{display:block;width:var(--addon-strip-img-size);height:var(--addon-strip-img-size);object-fit:cover;border-radius:.5rem;transition:filter var(--duration-default) ease;border:var(--addon-border)}.addon-selection-strip__addon--pulse .addon-selection-strip__image{animation:strip-img-pulse .3s ease}@keyframes strip-img-pulse{0%{transform:scale(1)}40%{transform:scale(.82)}to{transform:scale(1)}}.addon-selection-strip__badge{position:absolute;inset:auto -4px -4px auto;z-index:2;padding:2px 4px;border-radius:3px;background-color:rgb(var(--color-base-accent));color:#000;font-size:1rem;font-weight:700;line-height:1;pointer-events:none}addon-summary .addon-summary{margin-top:1.5rem}.addon-summary__total{font-size:2rem;font-weight:700;line-height:1.4;color:rgb(var(--color-heading))}.product-addons__soldout{font-size:1.2rem;font-weight:700;color:var(--color-critical);text-transform:uppercase;letter-spacing:.04em}.addon-validation-message{margin-top:1rem;padding:.75rem 1rem;border:1px solid rgba(var(--color-base-accent),.4);border-radius:var(--addon-radius);background-color:rgba(var(--color-base-accent),.1);color:rgb(var(--color-foreground));font-size:1.4rem}addon-products[data-addon-ui-locked=true] addon-group>details>summary{pointer-events:none}addon-products[data-addon-ui-locked=true] :is(addon-item,addon-group>details){opacity:.65}addon-products[data-addon-ui-locked=true] addon-group>details{opacity:.75}@media screen and (max-width:989px){.addon-count__label,.addon-count__suffix,.addon-category__count-label,.addon-stepper__add-label{display:none!important}.product-addons__item-media img{width:60px;height:60px}.product-addons__variant-select{min-width:auto;width:100%}.addon-stepper__btn{aspect-ratio:1}}@media screen and (max-width:480px){.addon-count__label{display:none!important}.addon-selection-strip{flex-wrap:wrap;gap:.75rem}.product-addons__item-inner{gap:1rem}.addon-stepper__btn{padding:0 .75rem}.addon-category__thumbnail{display:none}.addon-category__count{margin-right:1rem}.product-addons__item-media img{width:60px;height:60px}}@keyframes label-out-in{0%{opacity:0;transform:scaleY(0);filter:blur(10px)}25%{opacity:1;transform:scaleY(0);filter:blur(7px)}to{opacity:1;transform:scaleY(1);filter:blur(0px)}}addon-group.has-selection .addon-category__count{transform-origin:center center;animation:label-out-in .2s ease-out}addon-group .addon-category__count{transform-origin:center center}
/*# sourceMappingURL=/cdn/shop/t/46/assets/component-product-addons.css.map */