.selector{--sel: var(--blue);display:grid;gap:16px}.selector__cats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.cat-tile{position:relative;display:grid;align-content:start;gap:2px;min-height:104px;padding:14px 12px 12px;border-radius:var(--r-m);border:1px solid var(--line-2);background:#fff;text-align:left;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s var(--ease)}.cat-tile:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--cat)}.cat-tile:hover:not(.is-out){border-color:var(--ink-3);transform:translateY(-1px)}.cat-tile[aria-checked=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink),var(--shadow-2)}.cat-tile[aria-checked=true]:after{content:"";position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:50%;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat}.cat-tile__label{font-family:var(--ff-label);font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.cat-tile__name{font-weight:600;line-height:1.2;padding-right:14px}.cat-tile__foot{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-top:auto;padding-top:8px}.cat-tile__price{font-family:var(--ff-display);font-weight:700;font-style:italic;font-size:1.45rem;line-height:1}.cat-tile__flag{font-size:.76rem;font-weight:700}.cat-tile__flag.is-low{color:var(--red)}.cat-tile__flag.is-out{color:var(--ink-3)}.cat-tile.is-out{cursor:not-allowed;background:var(--paper-2);border-style:dashed}.cat-tile.is-out:before{background:repeating-linear-gradient(45deg,#b9c1cc 0 3px,#e4e8ee 3px 6px)}.cat-tile.is-out .cat-tile__name{color:var(--ink-3)}.cat-tile.is-out .cat-tile__price{color:var(--ink-3);text-decoration:line-through;text-decoration-thickness:2px}.selector__body{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px;align-items:start}.selector__map{padding:12px 12px 8px;border-radius:var(--r-l);background:var(--paper-2);border:1px solid var(--line)}.selector__stage{position:relative;max-width:min(100%,calc((100svh - 160px)*1.35));margin-inline:auto;padding:28px 4px 26px}.selector__side{position:absolute;left:50%;transform:translate(-50%);font-family:var(--ff-label);font-weight:700;font-size:.8rem;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.selector__side--top{top:4px}.selector__side--bottom{bottom:2px}.selector__legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:4px 6px 2px;list-style:none;font-size:.86rem;color:var(--ink-2)}.selector__legend li{display:inline-flex;align-items:center;gap:7px}.lg{width:16px;height:12px;border-radius:3px}.lg--sel{background:var(--sel);box-shadow:0 0 0 2px var(--ink)}.lg--av{background:var(--sel)}.lg--out{background:repeating-linear-gradient(45deg,#b9c1cc 0 2px,#e4e8ee 2px 5px)}.selector .stad.has-hl .blk:not(.is-hl):not(.is-soldout){opacity:.82}.selector .stad.has-hl .blk.is-hl:not(.is-selected){stroke:var(--ink);stroke-width:2}.selector__panel{position:sticky;top:92px}.atc{display:grid;gap:16px;padding:18px;border-radius:var(--r-l);background:#fff;border:1px solid var(--line-2);box-shadow:var(--shadow-2)}.atc__head{display:grid;grid-template-columns:6px 1fr auto;gap:12px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}.atc__swatch{align-self:stretch;border-radius:3px;background:var(--sel)}.atc__head strong{display:block;font-family:var(--ff-display);font-weight:700;font-size:1.45rem;text-transform:uppercase;line-height:1.05}.atc__head small{display:block;font-size:.88rem;color:var(--ink-3)}.atc__unit{display:grid;justify-items:end;line-height:1}.atc__unit b{font-family:var(--ff-display);font-weight:700;font-style:italic;font-size:1.6rem}.atc__unit small{font-size:.8rem;color:var(--ink-3);margin-top:2px}.atc__group{margin:0;padding:0;border:0;min-width:0}.atc__group legend{display:flex;justify-content:space-between;width:100%;padding:0;margin-bottom:8px;font-family:var(--ff-label);font-weight:700;font-size:.86rem;letter-spacing:.06em;text-transform:uppercase}.atc__group legend span{font-family:var(--ff-body);font-weight:500;font-size:.84rem;letter-spacing:0;text-transform:none;color:var(--ink-3)}.chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px;max-height:196px;overflow-y:auto;padding:1px}.chip-b{position:relative;display:grid;justify-items:center;gap:0;padding:7px 4px 6px;border-radius:var(--r-s);border:1px solid var(--line-2);background:#fff;transition:border-color .15s,background-color .15s,color .15s}.chip-b strong{font-family:var(--ff-display);font-weight:700;font-size:1.25rem;line-height:1}.chip-b small{font-size:.72rem;color:var(--ink-3);line-height:1.2;white-space:nowrap}.chip-b:hover:not(:disabled){border-color:var(--ink)}.chip-b.is-low:after{content:"";position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--orange)}.chip-b[aria-checked=true]{background:var(--ink);border-color:var(--ink);color:#fff}.chip-b[aria-checked=true] small{color:var(--on-dark-2)}.chip-b:disabled{background:var(--paper-2);color:var(--ink-3);cursor:not-allowed;text-decoration:line-through}.chip-b:disabled small{text-decoration:none}.atc__qtyrow{display:flex;align-items:center;justify-content:space-between;gap:16px}.atc__k{display:block;font-family:var(--ff-label);font-weight:700;font-size:.86rem;letter-spacing:.06em;text-transform:uppercase}.atc__qtyrow small{font-size:.84rem;color:var(--ink-3)}.qty--lg{height:50px;border-radius:var(--r-m)}.qty--lg button{width:50px}.qty--lg button svg{width:18px;height:18px}.qty--lg output{min-width:44px;font-family:var(--ff-display);font-size:1.6rem;font-style:italic}.qty--lg button:not(:disabled):hover{background:var(--paper-2)}.atc__trust{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.86rem;color:var(--ink-3);text-align:center}.atc__trust .icon{width:16px;height:16px;color:var(--green)}.atc-bar{position:fixed;z-index:55;left:50%;bottom:14px;width:min(760px,calc(100% - 24px));display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 10px 10px 18px;border-radius:var(--r-l);background:var(--navy-900);color:#fff;box-shadow:var(--shadow-3);transform:translate(-50%,calc(100% + 30px));transition:transform .35s var(--ease)}.atc-bar.is-visible{transform:translate(-50%)}.atc-bar__txt{min-width:0;line-height:1.2}.atc-bar__txt small{display:block;font-size:.86rem;color:var(--on-dark-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atc-bar__txt strong{font-family:var(--ff-display);font-weight:800;font-style:italic;font-size:1.6rem}.atc-bar .btn{flex:none}@media(max-width:1200px){.selector__cats{grid-template-columns:repeat(4,minmax(0,1fr))}.cat-tile:first-child{grid-column:span 1}}@media(max-width:1100px){.selector__body{grid-template-columns:1fr}.selector__panel{position:static}.chips{max-height:none}}@media(max-width:760px){.selector__cats{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin-inline:calc(var(--gutter) * -1);padding:2px var(--gutter) 10px;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}.selector__cats::-webkit-scrollbar{display:none}.selector__cats.is-end{-webkit-mask:none;mask:none}.cat-tile{flex:0 0 auto;width:142px;min-height:0;padding:13px 12px 11px;scroll-snap-align:start}.cat-tile.is-out{order:1;width:118px;opacity:.85}.cat-tile__label{font-size:.72rem}.cat-tile__name{font-size:.9rem;padding-right:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-tile__foot{padding-top:6px;flex-wrap:nowrap}.cat-tile__price{font-size:1.25rem}.cat-tile__flag{white-space:nowrap}.cat-tile[aria-checked=true]:after{top:9px;right:9px;width:16px;height:16px;background-size:10px}.selector__map{margin-inline:-8px;padding:8px 4px 6px}.selector__stage{padding:24px 0 22px}.selector__side{font-size:.66rem}.atc{padding:14px}.atc-bar{bottom:0;width:100%;border-radius:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom)) 16px}.atc-bar__txt strong{font-size:1.4rem}}.atc--simple{max-width:560px}.atc--simple .atc__group{display:grid;gap:6px}.atc--simple select.input{height:46px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/mg-selector.css.map */