.twz-element-optionpicker{--color-gap: 1rem;display:flex;flex-direction:column;height:100%;align-items:stretch;border-radius:8px;overflow:auto;container-type:inline-size;container-name:optionpicker}@media(max-width: 767px){.twz-element-optionpicker{--color-gap: 0.8rem}}.twz-element-optionpicker__title{margin:0;flex:1 1 auto}.twz-element-optionpicker__title-wrap{padding:1rem 2rem;display:flex;align-items:center;-moz-column-gap:2rem;column-gap:2rem}@media(max-width: 767px){.twz-element-optionpicker__title-wrap{padding:1rem}}.twz-element-optionpicker__title-wrap :where(h3,.h2){flex:1 1 auto}.twz-element-optionpicker__head{position:relative;background-color:var(--category-color, var(--grey-300))}.twz-element-optionpicker__head>*{position:relative;z-index:1}.twz-element-optionpicker__head :is(.h2,label){color:var(--black)}.twz-element-optionpicker__filters{display:flex;flex-direction:row;gap:2rem;padding:0 2rem 1rem;flex:0 0 auto;flex-wrap:wrap}@media(max-width: 767px){.twz-element-optionpicker__filters{padding:0 1rem 1rem;flex-direction:column;gap:.25rem}}.twz-element-optionpicker__filter{flex:0 1 auto}@media(min-width: 1025px){.twz-element-optionpicker__filter{min-width:30rem}}@media(min-width: 768px)and (max-width: 1024px){.twz-element-optionpicker__filter{flex:0 0 50%}}@media(max-width: 767px){.twz-element-optionpicker__filter{margin-bottom:.5rem}}.twz-element-optionpicker__filter form{display:flex;align-items:center;flex-wrap:wrap}@container optionpicker (width > 1000px){.twz-element-optionpicker__filter form[data-optionpicker-searchform]{width:30rem}}.twz-element-optionpicker__filter form label{display:block;flex:1 1 100%;font-weight:bold}@media(max-width: 549px){.twz-element-optionpicker__filter form label{display:none}}.twz-element-optionpicker__filter form .form-row{position:relative;display:flex;align-items:center;width:100%;margin:0;padding:0}.twz-element-optionpicker__filter form .icon--search{position:absolute;right:1rem;width:1.15em;height:1.15em;padding:0;border-radius:unset;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.309' height='20' fill='%23919191'%3E%3Cpath d='M19.016 18.217 15.252 14.3l-1-1.037a8.072 8.072 0 1 0-6.177 2.887 7.989 7.989 0 0 0 4.626-1.461l4.8 4.988a1.053 1.053 0 1 0 1.515-1.46ZM8.075 2.107a5.968 5.968 0 1 1-5.968 5.968 5.975 5.975 0 0 1 5.968-5.968Z'/%3E%3C/svg%3E");background-size:contain;background-position:center;background-repeat:no-repeat}@media(max-width: 549px){.twz-element-optionpicker__filter form .icon--search{height:1em}}.twz-element-optionpicker__filter form .icon--search.has-value{cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' stroke='%23143D59'%3E%3Cpath stroke-linecap='round' stroke-width='2' d='M14.091 14.091 3.91 3.91M3.909 14.091 14.09 3.91'/%3E%3C/svg%3E")}.twz-element-optionpicker__filter form .icon--search.has-value:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' stroke='%23E13522'%3E%3Cpath stroke-linecap='round' stroke-width='2' d='M14.091 14.091 3.91 3.91M3.909 14.091 14.09 3.91'/%3E%3C/svg%3E")}.twz-element-optionpicker__filter form .icon--search::before{content:none}.twz-element-optionpicker__filter form input{padding:2rem 3.75rem 2rem 2rem;height:5rem;flex:1 1 auto;border:1px solid var(--grey-200);margin:0}@media(max-width: 549px){.twz-element-optionpicker__filter form input{height:4.55rem;font-size:1.6rem}}.twz-element-optionpicker__content{display:flex;flex:1 1 auto;overflow:hidden}@media(max-width: 1024px){.twz-element-optionpicker__content{flex-direction:column}}.twz-element-optionpicker__variations{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;contain:layout style;will-change:scroll-position}.twz-element-optionpicker__variations__wrapper{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--color-gap);contain:layout style paint;padding:1rem 2rem 2rem}@media(max-width: 549px){.twz-element-optionpicker__variations__wrapper{padding:1rem}}@container optionpicker (max-width: 700px){.twz-element-optionpicker__variations__wrapper{grid-template-columns:repeat(1, minmax(0, 1fr))}}.twz-element-optionpicker__variation{will-change:scale;contain:layout style paint;border-radius:var(--radius-s);transform:translateZ(0);cursor:pointer;transition:scale .2s ease-in-out}.twz-element-optionpicker__variation:hover{scale:1.01}.twz-element-optionpicker__variation .twz-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;padding-inline:1rem;margin:0}.twz-element-optionpicker__variation .twz-card--colorproduct__thumb{display:none}.twz-element-optionpicker__variation-content{display:flex;flex-direction:column;flex:1 1 auto;gap:.5rem;padding-block:1rem}.twz-element-optionpicker__variation-title{font-weight:bold;word-break:break-word;font-size:1.4rem;margin:0}@media(max-width: 767px){.twz-element-optionpicker__variation-title{line-height:1.2;font-size:1.2rem}}.twz-element-optionpicker__variation-price{display:none}.twz-element-optionpicker__variation-quantity{display:flex;align-items:center;justify-content:flex-end;padding-block:1rem;gap:.5rem;flex:0 0 auto;margin-top:0;padding-inline:1rem}.twz-element-optionpicker__variation-quantity>*{border:1px solid color-mix(in srgb, var(--white) 50%, transparent);background-color:color-mix(in srgb, var(--white) 50%, transparent)}.twz-element-optionpicker__variation-quantity>input{border-radius:.5rem}.twz-element-optionpicker__variation-quantity>button{border-radius:50%}.twz-element-optionpicker__variation--out-of-stock{opacity:.6;text-decoration:line-through}.twz-element-optionpicker__variation--out-of-stock .twz-card{cursor:not-allowed}.twz-element-optionpicker__variation--out-of-stock .twz-card:hover{transform:none;box-shadow:none}.twz-element-optionpicker__variation--out-of-stock .twz-element-optionpicker__quantity-btn,.twz-element-optionpicker__variation--out-of-stock .twz-element-optionpicker__quantity-input{pointer-events:none;opacity:.5}.twz-element-optionpicker__quantity-btn{width:2.4rem;aspect-ratio:1;color:currentColor;font-size:1.6rem;font-weight:bold;transition:all .2s ease-in-out;flex-shrink:0;padding:0}.twz-element-optionpicker__quantity-btn:hover{border-color:rgba(0,0,0,0);background-color:var(--white);color:var(--black)}.twz-element-optionpicker__quantity-btn:disabled{opacity:.5;cursor:not-allowed}.twz-element-optionpicker__quantity-input[type=number]{width:5rem;height:2.4rem;text-align:center;box-shadow:none;border-radius:2rem;color:currentColor;font-size:1.4rem;font-weight:bold;flex-shrink:0;padding:0;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.twz-element-optionpicker__quantity-input[type=number]::-webkit-inner-spin-button,.twz-element-optionpicker__quantity-input[type=number]::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;margin:0}.twz-element-optionpicker__quantity-input[type=number]:disabled{opacity:.5;cursor:not-allowed}.twz-element-optionpicker__sidebar{flex:0 0 35rem;background-color:var(--grey-200);padding:2rem;display:flex;flex-direction:column;overflow-y:auto;contain:layout style;will-change:scroll-position}@media(max-width: 1024px){.twz-element-optionpicker__sidebar{flex:0 0 auto;overflow:hidden}}.twz-element-optionpicker__sidebar__title{display:flex;align-items:baseline;font-size:1.8rem;font-weight:bold;margin-bottom:1.5rem}@media(max-width: 767px){.twz-element-optionpicker__sidebar__title{margin-bottom:.5rem}.twz-element-optionpicker__sidebar__title:has(.is-open)~:is(.twz-element-optionpicker__sidebar__selection){max-height:40rem}.twz-element-optionpicker__sidebar__title:not(:has(.is-open))~:is(.twz-element-optionpicker__sidebar__selection,.twz-element-optionpicker__sidebar__product){max-height:0;overflow:hidden;transition:.3s ease-in-out;margin:0;padding:0;border-top-color:rgba(0,0,0,0)}}.twz-element-optionpicker__sidebar .twz-element-optionpicker__toggle-summary{padding:0;background-color:rgba(0,0,0,0);border:0 none;box-shadow:none;height:1em;aspect-ratio:1;margin-left:auto;rotate:90deg}@media(max-width: 767px){.twz-element-optionpicker__sidebar .twz-element-optionpicker__toggle-summary.is-open{rotate:-90deg}}.twz-element-optionpicker__sidebar__product{margin-bottom:2rem;display:flex;gap:1rem;align-items:center}@media(max-width: 767px){.twz-element-optionpicker__sidebar__product{margin-bottom:1rem;padding-bottom:1rem}}.twz-element-optionpicker__sidebar__product-image{flex:0 0 auto;width:4rem;aspect-ratio:1;border-radius:var(--radius-s);overflow:clip}@media(max-width: 767px){.twz-element-optionpicker__sidebar__product-image{width:4rem}}.twz-element-optionpicker__sidebar__product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.twz-element-optionpicker__sidebar__product-info{display:flex;flex-direction:column;gap:.5rem;flex:1 1 auto}@media(max-width: 767px){.twz-element-optionpicker__sidebar__product-info{gap:0}}.twz-element-optionpicker__sidebar__product-name{font-weight:bold;font-size:1.6rem}@media(max-width: 767px){.twz-element-optionpicker__sidebar__product-name{font-size:1.4rem}}.twz-element-optionpicker__sidebar__product-price{font-size:1.6rem;color:var(--black)}@media(max-width: 767px){.twz-element-optionpicker__sidebar__product-price{font-size:1.4rem}}.twz-element-optionpicker__sidebar__selection{flex:1 1 auto;padding-top:2rem;border-top:1px solid var(--grey-400);margin-bottom:2rem}@media(max-width: 767px){.twz-element-optionpicker__sidebar__selection{padding-top:1rem;margin-bottom:1rem}}.twz-element-optionpicker__sidebar__empty{color:var(--grey-600);font-style:italic;text-align:center;padding:2rem}.twz-element-optionpicker__sidebar__item{display:flex;align-items:center;gap:1rem;padding-block:1rem;border-bottom:1px solid var(--grey-300)}@media(max-width: 767px){.twz-element-optionpicker__sidebar__item{padding-block:.25rem}}.twz-element-optionpicker__sidebar__item:last-child{border-bottom:none}.twz-element-optionpicker__sidebar__item-color{width:2rem;aspect-ratio:1;border-radius:var(--radius-s);border:1px solid #f3f3f3;flex-shrink:0}@media(max-width: 767px){.twz-element-optionpicker__sidebar__item-color{width:1.5rem;border-radius:4px}}.twz-element-optionpicker__sidebar__item-name{flex:1 1 auto;font-size:1.4rem}.twz-element-optionpicker__sidebar__item-price{font-size:1.4rem;color:var(--black)}.twz-element-optionpicker__sidebar__total{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-top:2px solid var(--grey-400);margin-bottom:1rem}@media(max-width: 767px){.twz-element-optionpicker__sidebar__total{padding:1rem 0;margin-bottom:0}}.twz-element-optionpicker__sidebar__total-label{font-size:1.8rem;font-weight:bold}@media(max-width: 767px){.twz-element-optionpicker__sidebar__total-label{font-size:1.6rem}}.twz-element-optionpicker__sidebar__total-price{font-size:1.8rem;font-weight:bold}@media(max-width: 767px){.twz-element-optionpicker__sidebar__total-price{font-size:1.6rem}}.twz-element-optionpicker__sidebar__add-to-cart{width:100%;padding:1.5rem;font-size:1.6rem;font-weight:bold;display:flex;align-items:center;justify-content:center;gap:1rem;background-color:var(--orange-700);color:var(--black);border:none;border-radius:var(--radius-m);cursor:pointer;transition:all .2s ease-in-out}@media(max-width: 767px){.twz-element-optionpicker__sidebar__add-to-cart{margin-bottom:2rem}}.twz-element-optionpicker__sidebar__add-to-cart:hover:not(:disabled){background-color:var(--orange-800)}.twz-element-optionpicker__sidebar__add-to-cart:disabled{opacity:.5;cursor:not-allowed}.twz-element-optionpicker__sidebar__add-to-cart svg{width:2rem;height:2rem}.twz-element-optionpicker__no-results{text-align:center;padding:4rem 2rem;color:var(--grey-600);font-size:1.8rem}.twz-element-optionpicker__close{cursor:pointer;padding:1rem;background-size:contain;background-color:rgba(0,0,0,0);border:0 none;box-shadow:none;height:2.5em;width:2.5em;transition:.3s ease}.twz-element-optionpicker__close svg{height:2rem;width:2rem}.twz-element-optionpicker__close svg path{stroke:var(--category-color-text, var(--black))}.twz-element-optionpicker__close:hover{background:rgba(0,0,0,0);rotate:180deg}body.optionpicker--open{overflow:hidden}