.addon-items__wrapper{padding:0}.addon-items__wrapper .product-form__input-border,html.dev-833-v2 .addon-items__wrapper .product-form__input-border{padding:0;overflow:hidden}.addon-items__list{display:block;margin:0;padding:0;list-style:none}.addon-items__item{display:flex;flex-direction:column;border-top:1px solid #D9D9D9}.addon-items__item:first-of-type{border-top:0}.addon-item{background-color:#f0f0f0;transition:background-color var(--duration-default) var(--ease-out-slow)}.addon-item:has(.addon-item__checkbox:checked){background-color:#fff}.addon-item__label{display:flex;align-items:center;justify-content:flex-start;padding:8px;cursor:pointer}@media screen and (min-width: 600px) and (max-width: 750px),screen and (min-width: 1200px){.addon-item__label{padding:8px 24px}}.addon-item__label:has(.addon-item__checkbox:checked){cursor:auto}.addon-item__image{--addon-image-size: 40px;flex:0 0 var(--addon-image-size);display:block;width:var(--addon-image-size);height:var(--addon-image-size);margin-right:8px;aspect-ratio:1;object-fit:contain;border-radius:6px}@media screen and (min-width: 600px) and (max-width: 750px),screen and (min-width: 1200px){.addon-item__image{--addon-image-size: 58px;margin-right:16px}}.addon-item__details{display:flex;flex-wrap:wrap;align-items:center;margin-right:8px}@media screen and (min-width: 600px) and (max-width: 750px),screen and (min-width: 1200px){.addon-item__details{flex:1 0 auto;margin-right:16px}}.addon-item__new{display:inline-block;margin-right:6px;padding:2px 8px;border-radius:4px;background:#9747ff;color:#fff;font-size:12px;font-weight:500;text-align:center}@media screen and (min-width: 600px) and (max-width: 750px),screen and (min-width: 1200px){.addon-item__new{font-size:20px}}.addon-item__title{order:3;flex:1 0 100%;display:flex;flex-direction:column;align-items:flex-start;margin-right:auto;font-size:15px;font-weight:500}@media screen and (min-width: 600px) and (max-width: 750px),screen and (min-width: 1200px){.addon-item__title{order:unset;flex:1 0 auto;flex-direction:row;align-items:center;gap:8px;font-size:20px}}.addon-item__price{display:flex;align-items:center;justify-content:center;gap:4px}@media screen and (min-width: 600px) and (max-width: 750px),screen and (min-width: 1200px){.addon-item__price{margin-left:auto}}.addon-item__compare-at-price{font-weight:400;font-size:12px}.addon-item__discounted-price{font-weight:700;font-size:15px;color:#c561f9}@media screen and (min-width: 600px) and (max-width: 750px),screen and (min-width: 1200px){.addon-item__compare-at-price{font-size:15px}.addon-item__discounted-price{font-size:18px}}.addon-item__toggle{--addon-toggle-size: 28px;flex:0 0 var(--addon-toggle-size);position:relative;display:block;width:var(--addon-toggle-size);height:var(--addon-toggle-size);margin-left:auto;background-color:#000;border-radius:3px;color:#fff;transition:background-color var(--duration-default) var(--ease-out-slow)}.addon-item:has(.addon-item__checkbox:checked) .addon-item__toggle{background-color:#d37fff}.addon-item__toggle .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity var(--duration-default) var(--ease-out-slow)}.addon-item__toggle .icon-checkmark{opacity:0}.addon-item:has(.addon-item__checkbox:checked) .addon-item__toggle .icon-plus{opacity:0}.addon-item:has(.addon-item__checkbox:checked) .addon-item__toggle .icon-checkmark{opacity:1}.addon-item__accordion-wrapper{position:relative;height:0;overflow:hidden;transition:height var(--duration-default) var(--ease-out-slow)}.addon-item:has(.addon-item__checkbox:checked) .addon-item__accordion-wrapper{height:var(--addon-item-accordion-height, auto)}.addon-item__accordion{position:absolute;top:0;left:0;width:100%;padding:8px;font-size:15px}.addon-item__accordion ul{margin-left:8px;padding-left:8px;list-style:initial}@media screen and (min-width: 600px) and (max-width: 750px),screen and (min-width: 1200px){.addon-item__accordion{padding:8px 24px}}
/*# sourceMappingURL=/cdn/shop/t/248/assets/component-addon-items.css.map */