.fs-device-selector{position:relative;display:flex;align-items:center;margin-right:1.2rem;z-index:1000}.fs-device-selector__button{display:inline-flex;align-items:center;gap:.65rem;min-height:4.4rem;padding:0 1.35rem;border:1px solid rgba(var(--color-foreground),.16);border-radius:999px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:1.3rem;font-weight:700;letter-spacing:.02rem;line-height:1;box-shadow:0 1px rgba(var(--color-foreground),.04);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.fs-device-selector__button:hover,.fs-device-selector[data-open=true] .fs-device-selector__button{border-color:rgba(var(--color-foreground),.34);box-shadow:0 8px 24px rgba(var(--color-foreground),.1);transform:translateY(-1px)}.fs-device-selector__button svg{width:1.8rem;height:1.8rem;flex:0 0 auto}.fs-device-selector__chevron{width:1.4rem!important;height:1.4rem!important;transition:transform .18s ease}.fs-device-selector[data-open=true] .fs-device-selector__chevron{transform:rotate(180deg)}.fs-device-selector__label{max-width:18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-device-selector__panel{position:absolute;top:calc(100% + .8rem);right:0;width:min(58rem,calc(100vw - 4rem));max-height:min(72vh,62rem);display:none;flex-direction:column;background:#fff;border:1px solid rgba(35,43,45,.12);border-radius:.8rem;box-shadow:0 22px 70px #232b2d2e;overflow:hidden;color:#1f2a2c;transform-origin:top right;z-index:1001}.fs-device-selector[data-open=true] .fs-device-selector__panel{display:flex;animation:fsDevicePanelIn .16s ease-out}.fs-device-selector__head{display:grid;gap:1rem;padding:1.3rem;border-bottom:1px solid rgba(35,43,45,.1)}.fs-device-selector__title{margin:0;font-size:1.55rem;font-weight:800;line-height:1.2;color:#1f2a2c}.fs-device-selector__search{width:100%;height:3.8rem;border:1px solid rgba(35,43,45,.18);border-radius:.7rem;padding:0 1.2rem;background:#f7f8f6;color:#1f2a2c;font-size:1.45rem;outline:none}.fs-device-selector__search:focus{border-color:#566044;box-shadow:0 0 0 .2rem #56604429}.fs-device-selector__body{display:grid;grid-template-columns:14.8rem minmax(0,1fr);min-height:0;max-height:none;flex:1 1 auto;overflow:hidden}.fs-device-selector__brands{border-right:1px solid rgba(35,43,45,.1);overflow-y:auto;overflow-x:hidden;min-height:0;padding:.8rem;background:#fafbf9}.fs-device-selector__brand{display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;border:0;background:transparent;color:#1f2a2c;border-radius:.6rem;padding:1rem;text-align:left;font:inherit;font-size:1.35rem;font-weight:700;cursor:pointer;transition:background .14s ease,color .14s ease}.fs-device-selector__brand:hover,.fs-device-selector__brand[aria-selected=true]{background:#eef1ea}.fs-device-selector__count{opacity:.56;font-size:1.15rem;font-weight:700}.fs-device-selector__models{overflow-y:auto;overflow-x:hidden;min-height:0;padding:1rem;overscroll-behavior:contain;scrollbar-gutter:stable}.fs-device-selector__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.fs-device-selector__model{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:3.6rem;border:1px solid rgba(35,43,45,.1);border-radius:.65rem;background:#fff;color:#1f2a2c;padding:.85rem 1rem;text-align:left;font:inherit;font-size:1.28rem;line-height:1.2;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.fs-device-selector__model:hover,.fs-device-selector__model[aria-current=true]{border-color:#5660448c;box-shadow:0 8px 24px #232b2d14;background:#f7f8f6}.fs-device-selector__empty{display:none;padding:2.4rem;color:#232b2d9e;font-size:1.35rem}.fs-device-selector__foot{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.2rem 1.6rem;border-top:1px solid rgba(35,43,45,.1);background:#fafbf9}.fs-device-selector__selected{font-size:1.25rem;color:#232b2dad;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-device-selector__clear{border:0;background:transparent;color:#1f2a2c;font:inherit;font-size:1.25rem;font-weight:800;text-decoration:underline;text-underline-offset:.25rem;cursor:pointer}.fs-device-selector__clear[hidden]{display:none}@keyframes fsDevicePanelIn{0%{opacity:0;transform:translateY(-.8rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media screen and (max-width:989px){.fs-device-selector:not(.fs-device-selector--drawer){display:none!important}.fs-device-selector--drawer{display:flex;width:100%;margin:0 0 1.4rem;padding:0}.fs-device-selector--drawer .fs-device-selector__button{width:100%;justify-content:center;min-height:4.8rem}.fs-device-selector--drawer .fs-device-selector__label{max-width:22rem}.fs-device-selector--drawer .fs-device-selector__panel{position:fixed;top:7.2rem;left:1.6rem;right:1.6rem;width:auto;max-height:calc(100vh - 9rem);z-index:130}.fs-device-selector--drawer .fs-device-selector__body{grid-template-columns:1fr;max-height:none;min-height:0;overflow:hidden}.fs-device-selector--drawer .fs-device-selector__brands{display:flex;gap:.6rem;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid rgba(35,43,45,.1);padding:.8rem}.fs-device-selector--drawer .fs-device-selector__brand{white-space:nowrap;width:auto;flex:0 0 auto}.fs-device-selector--drawer .fs-device-selector__grid{grid-template-columns:1fr}}@media screen and (max-width:1190px){.fs-device-selector__label{max-width:13rem}.fs-device-selector__panel{right:0}}.fs-device-selector{isolation:isolate;z-index:1030}.fs-device-selector__panel{z-index:1040}.fs-home__device .fs-device-selector{z-index:10}.fs-home__device .fs-device-selector__panel{z-index:30}@media screen and (max-width:989px){.fs-device-selector--drawer .fs-device-selector__panel{z-index:1040}}@media screen and (min-width:990px){.header-wrapper fs-device-selector:not(.fs-device-selector--drawer)[data-open=true] .fs-device-selector__panel{max-height:min(78vh,68rem)}.header-wrapper fs-device-selector:not(.fs-device-selector--drawer)[data-open=true] .fs-device-selector__body{flex:0 1 auto;height:min(42rem,calc(100vh - 23rem));min-height:31rem;max-height:42rem;overflow:hidden}.header-wrapper fs-device-selector:not(.fs-device-selector--drawer)[data-open=true] .fs-device-selector__brands,.header-wrapper fs-device-selector:not(.fs-device-selector--drawer)[data-open=true] .fs-device-selector__models{min-height:0;max-height:100%;overflow-y:auto}.header-wrapper fs-device-selector:not(.fs-device-selector--drawer)[data-open=true] .fs-device-selector__foot{display:flex;flex:0 0 auto;position:relative;z-index:1}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/fs-device-selector.css.map */