.selector{display:flex;align-items:center;position:relative;cursor:pointer}@media only screen and (max-width: 768px){.selector{width:95px}}.selector__icon{width:22px;height:22px;fill:#fff;margin-right:8px}@media only screen and (max-width: 768px){.selector__icon{fill:#fff;margin-right:4px}}.selector__icon--rounded{border-radius:8px}.selector__value{color:#fff;font-size:12px;margin-right:8px}@media only screen and (max-width: 768px){.selector__value{color:#fff}}.selector__arrow{width:16px;height:16px;fill:#fff}@media only screen and (max-width: 768px){.selector__arrow{fill:#fff;position:absolute;right:0}}.selector__dropdown{position:absolute;bottom:85%;left:2px;margin:0;list-style-type:none;padding:8px 0;background:#fff;box-shadow:0 4px 4px #0000001a;border-radius:8px;min-width:84px;display:flex;flex-direction:column;z-index:10;opacity:0;transition:opacity .25s;pointer-events:none}.selector__dropdown--active{opacity:1;pointer-events:all}.selector__item{color:#000;padding:4px 16px;margin-bottom:8px;font-size:12px;cursor:pointer}.selector__item:last-child{margin-bottom:0}.selector__item:hover{background-color:#f1f1f1}.selector__item--active{font-weight:700}.selector__item--with-image{display:flex;align-items:center}.selector__item-image{height:16px;width:auto;margin-right:10px}.selector__popup{position:fixed;top:0;left:0;z-index:10;width:100vw;height:100vh;background-color:#0000004d;padding:16px;display:flex;align-items:center;pointer-events:none;opacity:0;transition:opacity .25s}.selector__popup--active{opacity:1;pointer-events:all}.selector__popup-container{box-sizing:border-box;background-color:#fff;width:calc(100% - 32px);padding:16px;position:relative}.selector__popup-close{width:24px;height:24px;position:absolute;top:-24px;right:0;fill:#fff;cursor:pointer}.selector__popup-header{font-size:24px;color:#000}.selector__popup-name{font-size:14px;color:#000;margin-top:16px;margin-bottom:8px}.selector__popup-select{display:block;border:1px solid #cccccc;border-radius:4px;width:100%;padding:12px 16px;font-size:14px;color:#999;appearance:none;-webkit-appearance:none}.selector__popup-button{margin-top:16px;width:100%}
/*# sourceMappingURL=/cdn/shop/t/392/assets/component-selector.css.map */