.wlsn-options-selector-default-variables{--wlsn-options-selector-padding-y: 8px;--wlsn-options-selector-padding-x: 8px;--wlsn-options-selector-max-height: 350px;--wlsn-options-selector-gap: 0;--wlsn-options-selector-item-padding-y: 10px;--wlsn-options-selector-item-padding-x: 0;--wlsn-options-selector-min-height: 48px;--wlsn-options-selector-list-padding-y: 8px;--wlsn-options-selector-list-padding-x: 0;--wlsn-options-selector-background: var(--wlsn-color-white, #ffffff);--wlsn-options-selector-item-hover-background: rgba(1, 1, 1, .05);--wlsn-options-selector-list-border-radius: 12px;--wlsn-options-selector-border-radius: 100px;--wlsn-options-selector-border: 1px solid var(--wlsn-color-primary-1);--wlsn-options-selector-border-hover: 1px solid var(--wlsn-color-primary-1);--wlsn-options-selector-border-focus: 1px solid var(--wlsn-color-primary-1);--wlsn-options-selector-item-selected-background: rgba(1, 1, 1, .05);--wlsn-options-selector-list-shadow: 0 4px 12px rgba(0, 0, 0, .1);--wlsn-options-selector-icon-size: 24px;--wlsn-options-selector-line-clamp: 1;--wlsn-options-selector-font-size: 14px;--wlsn-options-selector-font-family: var(--wlsn-font-body-family);--wlsn-options-selector-font-weight: var(--wlsn-fw-semibold);--wlsn-options-selector-font-style: var(--wlsn-font-body-style);--wlsn-options-selector-line-height: 150%;--wlsn-options-selector-letter-spacing: 0;--wlsn-options-selector-color: var(--wlsn-color-primary-1);--wlsn-options-selector-text-transform: uppercase}wlsn-options-selector{display:block;position:relative;z-index:3;width:100%;--wlsn-loading-size: 20px}wlsn-options-selector.disabled,wlsn-options-selector:disabled{opacity:.8;pointer-events:none;cursor:not-allowed}wlsn-options-selector.active{z-index:4}wlsn-options-selector-button{width:100%;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border:var(--wlsn-options-selector-border, 1px solid var(--wlsn-color-primary-1));transition:border .1s ease-in-out,border-radius .1s ease-in-out,box-shadow .1s ease-in-out;border-radius:var(--wlsn-options-selector-border-radius, 100px);padding:var(--wlsn-options-selector-padding-y, 8px) var(--wlsn-options-selector-padding-x, 16px);background:var(--wlsn-options-selector-background, #ffffff);min-height:var(--wlsn-options-selector-min-height, 40px);font-family:var(--wlsn-options-selector-font-family, var(--wlsn-font-body-family));font-weight:var(--wlsn-options-selector-font-weight, var(--wlsn-fw-semibold));font-style:var(--wlsn-options-selector-font-style, var(--wlsn-font-body-style));color:var(--wlsn-options-selector-color, var(--wlsn-color-primary-1));line-height:var(--wlsn-options-selector-line-height, 150%);letter-spacing:var(--wlsn-options-selector-letter-spacing, 0);margin:0;font-size:var(--wlsn-options-selector-font-size, 14px);text-transform:var(--wlsn-options-selector-text-transform, uppercase);gap:8px}wlsn-options-selector-list{position:absolute;top:100%;left:0;width:100%;background:var(--wlsn-options-selector-background, #ffffff);opacity:0;visibility:hidden;transform:translateY(-20px);z-index:2;transition:opacity .1s ease-in-out,visibility .1s ease-in-out,transform .1s ease-in-out;max-height:var(--wlsn-options-selector-max-height, 350px);overflow-y:auto;box-shadow:var(--wlsn-options-selector-list-shadow, 0 4px 12px rgba(0, 0, 0, .1));display:flex;flex-direction:column;gap:var(--wlsn-options-selector-gap, 0);border-radius:var(--wlsn-options-selector-list-border-radius, 12px);padding:var(--wlsn-options-selector-list-padding-y, 8px) var(--wlsn-options-selector-list-padding-x, 0)}wlsn-options-selector:not(.from-bottom):not(.from-top) wlsn-options-selector-list{top:100%}wlsn-options-selector:not(.from-bottom):not(.from-top) wlsn-options-selector-list.active{transform:translateY(0)}wlsn-options-selector.from-bottom wlsn-options-selector-list{top:100%}wlsn-options-selector.from-bottom wlsn-options-selector-list.active{transform:translateY(0)}wlsn-options-selector.from-top wlsn-options-selector-list{top:0}wlsn-options-selector.from-top wlsn-options-selector-list.active{transform:translateY(-100%)}wlsn-options-selector-list.active{opacity:1;visibility:visible}wlsn-options-selector-item{width:100%;padding:var(--wlsn-options-selector-item-padding-y, 4px) var(--wlsn-options-selector-item-padding-x, 16px);display:block;cursor:pointer;transition:background-color .1s ease-in-out;text-transform:var(--wlsn-options-selector-text-transform, uppercase);font-family:var(--wlsn-options-selector-font-family, var(--wlsn-font-body-family));font-weight:var(--wlsn-options-selector-font-weight, var(--wlsn-fw-semibold));font-style:var(--wlsn-options-selector-font-style, var(--wlsn-font-body-style));color:var(--wlsn-options-selector-color, var(--wlsn-color-primary-1));line-height:var(--wlsn-options-selector-line-height, 150%);letter-spacing:var(--wlsn-options-selector-letter-spacing, 0);font-size:var(--wlsn-options-selector-font-size, 14px)}wlsn-options-selector-item.selected{background-color:var(--wlsn-options-selector-item-selected-background, rgba(1, 1, 1, .05))}.wlsn-options-selector-label,.wlsn-options-selector-placeholder{flex:1;display:-webkit-box;-webkit-line-clamp:var(--wlsn-options-selector-line-clamp, 1);-webkit-box-orient:vertical;overflow:hidden}.wlsn-options-selector-placeholder.hidden,.wlsn-options-selector-label.hidden{display:none!important}.wlsn-options-selector-icon{width:var(--wlsn-options-selector-icon-size, 24px);height:var(--wlsn-options-selector-icon-size, 24px);display:flex;align-items:center;justify-content:center;flex-shrink:0}wlsn-options-selector-button:focus-visible{border:var(--wlsn-options-selector-border-color-focus, 1px solid var(--wlsn-color-primary-1));outline:none}wlsn-options-selector-item:focus-visible{background-color:var(--wlsn-options-selector-item-hover-background, rgba(1, 1, 1, .05));outline:none}wlsn-options-selector-list{scrollbar-width:none;-ms-overflow-style:none}wlsn-options-selector-list::-webkit-scrollbar{display:none}@media screen and (min-width:1024px){wlsn-options-selector-button{min-height:var(--wlsn-options-selector-min-height, 48px)}wlsn-options-selector-button:hover{box-shadow:inset 0 0 0 1px var(--wlsn-color-primary-1);border:var(--wlsn-options-selector-border-color-hover, 1px solid var(--wlsn-color-primary-1))}wlsn-options-selector-item:hover{background-color:var(--wlsn-options-selector-item-hover-background, rgba(0, 0, 0, .03))}}
/*# sourceMappingURL=/cdn/shop/t/111/assets/wlsn-options-selector.css.map */