container-picker{--color-foreground: var(--color-foreground, var(--colors-heading, 0 0 0));--color-background: var(--color-background, var(--background-color, 255 255 255));container-type:inline-size;container-name:container-picker;display:block;width:100%;max-width:100%;box-sizing:border-box;margin-top:1.6rem;margin-bottom:1.6rem;overflow-x:clip}.container-picker__header{display:flex;align-items:baseline;gap:.4rem;margin-bottom:.6rem}.container-picker__label{font-size:14px;font-weight:600;color:rgb(var(--color-foreground))}.container-picker__required{font-size:14px;font-weight:400;color:gray}.container-picker__box{border:1px solid #ccc;background-color:rgb(var(--color-background))}container-picker .container-picker__trigger{width:100%;margin:0;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.8rem 1.2rem;border:0;border-bottom:1px solid #ccc;border-radius:0;background-color:#f2f0e9;color:rgb(var(--color-foreground));cursor:pointer;text-align:left;font-size:14px;font-weight:400;line-height:1.4;transition:background-color .15s ease;-webkit-appearance:none;appearance:none}container-picker .container-picker__trigger:hover,container-picker .container-picker__trigger:focus,container-picker .container-picker__trigger:focus-visible,container-picker .container-picker__trigger:active{border:0;border-bottom:1px solid #ccc;background-color:#ebe8e1}container-picker .container-picker__trigger[aria-expanded=false]:hover,container-picker .container-picker__trigger[aria-expanded=false]:focus,container-picker .container-picker__trigger[aria-expanded=false]:focus-visible,container-picker .container-picker__trigger[aria-expanded=false]:active{border-bottom:0}container-picker .container-picker__trigger[aria-expanded=true],container-picker .container-picker__trigger[aria-expanded=true]:hover,container-picker .container-picker__trigger[aria-expanded=true]:focus,container-picker .container-picker__trigger[aria-expanded=true]:focus-visible,container-picker .container-picker__trigger[aria-expanded=true]:active{border-bottom-color:#ccc}container-picker .container-picker__trigger[aria-expanded=false]{border-bottom:0}container-picker .container-picker__trigger[aria-expanded=true] .container-picker__caret{transform:rotate(180deg)}.container-picker__caret{flex-shrink:0;transition:transform .2s ease;color:rgb(var(--color-foreground) / .6)}.container-picker__trigger-placeholder{flex:1;font-size:14px;white-space:nowrap;color:rgb(var(--color-foreground) / .5)}.container-picker__trigger-selection[hidden],.container-picker__trigger-selection-image[hidden]{display:none!important}.container-picker__trigger-selection:not([hidden]){flex:1;display:flex;align-items:center;gap:.8rem;min-width:0}.container-picker__trigger-selection-image:not([hidden]){width:4rem;height:4rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.container-picker__trigger-selection-image-el{width:100%;height:100%;object-fit:contain}.container-picker__trigger-selection-text{display:flex;align-items:baseline;gap:.6rem;min-width:0;flex:1}.container-picker__trigger-selection-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.container-picker__trigger-selection-price{font-size:1.3rem;color:rgb(var(--color-foreground) / .65);white-space:nowrap}.container-picker__error{margin:0;padding:.6rem 1.2rem;font-size:1.2rem;color:rgb(var(--color-error, 176 0 32));background-color:rgb(var(--color-error, 176 0 32) / .08);border-bottom:1px solid rgb(var(--color-error, 176 0 32) / .3)}.container-picker__availability-hint{margin:.6rem 0 0;font-size:14px;color:#a04020}.container-picker__availability-hint[hidden]{display:none}container-picker .container-picker__dropdown{border:none;background-color:rgb(var(--color-background));width:100%;max-width:100%;max-height:27rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:0}.container-picker__list{list-style:none;margin:0;padding:0;padding-inline-start:0;width:100%;max-width:100%;box-sizing:border-box}.container-picker__group-header{list-style:none;margin:0;padding:.8rem 1.2rem .4rem;border-bottom:.15rem solid rgba(var(--color-foreground),.2);background-color:rgb(var(--color-foreground) / .04);cursor:default;pointer-events:none}.container-picker__group-header-text{display:block;font-size:1.2rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:rgb(var(--color-foreground) / .8)}.container-picker__item{display:grid;grid-template-columns:minmax(0,4.2rem) minmax(0,1fr) minmax(0,auto);align-items:center;gap:1.2rem;padding:1rem 1.2rem;margin:0;width:100%;max-width:100%;box-sizing:border-box;border-bottom:1px solid #ccc;transition:background-color .1s ease;overflow:hidden}container-picker .container-picker__list>.container-picker__item{margin-inline:0}.container-picker__item:last-child{border-bottom:none}.container-picker__item:hover{background-color:rgb(var(--color-foreground) / .03)}.container-picker__item:not([aria-selected=true]){cursor:pointer}.container-picker__item[aria-selected=true]{background-color:rgb(var(--color-foreground) / .05);cursor:default}.container-picker__item-image{width:4.2rem;height:4.2rem;max-width:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #ccc;padding:.4rem;box-sizing:border-box;background-color:rgb(var(--color-background))}.container-picker__item-image img{width:100%;height:100%;object-fit:contain}.container-picker__item-image-placeholder{width:100%;height:100%;background-color:rgb(var(--color-foreground) / .06)}.container-picker__item-details{min-width:0}.container-picker__item-title{font-size:14px;font-weight:500;line-height:1.35;margin:0 0 .3rem;color:rgb(var(--color-foreground))}.container-picker__item-price{font-size:14px;margin:0 0 .3rem;color:rgb(var(--color-foreground))}.container-picker__item-availability{font-size:14px;font-weight:500;margin:0 0 .3rem}.container-picker__item-availability--in-stock{color:#2e7d32}.container-picker__item-availability--out-of-stock{color:rgb(var(--color-foreground) / .45)}.container-picker__item-detail-link{display:inline-block;padding:0;border:none;background:none;font:inherit;font-size:13px;color:rgb(var(--color-foreground) / .6);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.container-picker__item-detail-link:hover{color:rgb(var(--color-foreground))}.container-picker__item-actions{display:flex;flex-direction:column;align-items:center;gap:.4rem;align-self:center}.container-picker-detail-modal__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.2rem}.container-picker-detail-modal__image{width:min(100%,18rem);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.container-picker-detail-modal__image img{width:100%;height:100%;object-fit:contain}.container-picker-detail-modal__title{margin:0;font-size:2rem;font-weight:500;line-height:1.3;color:rgb(var(--color-foreground))}.container-picker-detail-modal__price{margin:0;font-size:1.6rem;color:rgb(var(--color-foreground))}.container-picker-detail-modal__select-btn{padding:.8rem 2.4rem;background-color:#5a8a46;color:#fff;border:none;font-size:1.2rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:background-color .15s ease}.container-picker-detail-modal__select-btn:hover{background-color:#4a7538}.container-picker-detail-modal__view-product{display:inline-block;margin-top:.4rem;font-size:1.4rem;color:rgb(var(--color-foreground) / .6);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.container-picker-detail-modal__view-product:hover{color:rgb(var(--color-foreground))}.container-picker__item-select-btn{padding:.6rem 1.6rem;background-color:#88a66a;color:#fff;border:none;font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background-color .15s ease}.container-picker__item-select-btn:hover{background-color:#78985c}.container-picker__item[aria-selected=true] .container-picker__item-select-btn{background-color:#aaa;cursor:default}.container-picker__item-select-btn--unavailable,.container-picker__item-select-btn:disabled{background-color:#aaa;cursor:not-allowed}.container-picker__item:has(.container-picker__item-select-btn--unavailable),.container-picker__item:has(.container-picker__item-select-btn:disabled){cursor:default}.container-picker__change-btn{margin:.6rem 0 0;padding:.5rem 1.2rem;background:transparent;border:1px solid #ccc;color:rgb(var(--color-foreground));font-size:1.2rem;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.container-picker__change-btn:hover{border-color:rgb(var(--color-foreground) / .6);background-color:rgb(var(--color-foreground) / .04)}@container container-picker (max-width: 560px){container-picker .container-picker__trigger{padding:.8rem 1rem;font-size:13px}.container-picker__trigger-placeholder{font-size:13px}.container-picker__trigger-selection{flex-wrap:wrap;gap:.6rem;font-size:13px}.container-picker__trigger-selection-image{width:3.6rem;height:3.6rem}.container-picker__trigger-selection-text{flex-wrap:wrap;gap:.2rem .6rem}.container-picker__trigger-selection-price{font-size:12px}.container-picker__trigger-selection-name{white-space:normal;overflow:visible;text-overflow:unset}.container-picker__item{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:.6rem;padding:1rem}.container-picker__item-image{grid-column:1;grid-row:1;width:5.6rem;height:5.6rem;justify-self:center}.container-picker__item-details{grid-column:1;grid-row:2;min-width:0}.container-picker__item-actions{grid-column:1;grid-row:3;width:100%;align-self:stretch}.container-picker__item-title,.container-picker__item-price,.container-picker__item-availability{font-size:14px;margin-bottom:.2rem}.container-picker__item-detail-link{font-size:1.1rem}.container-picker__item-title,.container-picker__item-price,.container-picker__item-availability{overflow-wrap:break-word;word-break:normal}.container-picker__item-select-btn{width:100%;padding:.8rem 1rem;font-size:1.1rem}}.cart-container-change-modal{max-height:calc(100vh - 4rem);overflow-y:auto}.cart-container-change-modal__picker .container-picker--change-mode{margin-bottom:0}.cart-container-change-modal__error{color:rgb(var(--colors-text))}.cart-container-change-modal__footer .cart-container-change-modal__update-btn,.cart-container-change-modal__footer .cart-container-change-modal__cancel-btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.75rem;line-height:1.5;font:inherit;cursor:pointer;border-radius:0;border-width:1px;border-style:solid;text-align:center}.cart-container-change-modal__footer .cart-container-change-modal__update-btn{background-color:#5a8a46;color:#fff;border-color:#5a8a46}.cart-container-change-modal__footer .cart-container-change-modal__update-btn:hover:not(:disabled){background-color:#4a7538;border-color:#4a7538;color:#fff}.cart-container-change-modal__footer .cart-container-change-modal__update-btn:disabled{opacity:.7;cursor:not-allowed}.cart-container-change-modal__footer .cart-container-change-modal__cancel-btn{color:#333;border-color:#33333340;background-color:#fff}.cart-container-change-modal__footer .cart-container-change-modal__cancel-btn:hover:not(:disabled){color:#333;border-color:#3336;background-color:#fff}.cart-container-change-modal__footer .cart-container-change-modal__cancel-btn:disabled{opacity:.7;cursor:not-allowed}.cart-item__container-label .cart-item__container-change-btn{color:rgb(var(--colors-text-link, var(--colors-text)));font:inherit;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-container-picker.css.map */