.bsg{position:fixed;inset:0;z-index:9985;display:flex;justify-content:flex-end;background:rgba(0,0,0,.38);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s;font-family:inherit;color:#181818}
.bsg.is-open{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s}
.bsg *{box-sizing:border-box}
.bsg button{font:inherit;color:inherit;background:none;border:0;border-radius:0;margin:0;padding:0;cursor:pointer;text-transform:none;letter-spacing:normal}
.bsg__panel{position:relative;display:flex;flex-direction:column;width:min(460px,100%);height:100%;background:#fff;transform:translateX(100%);transition:transform .38s cubic-bezier(.22,.61,.36,1);outline:0}
.bsg.is-open .bsg__panel{transform:none}
.bsg__head{display:flex;justify-content:space-between;align-items:flex-start;padding:26px 24px 18px;border-bottom:1px solid #ececec}
.bsg__title{margin:0;font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.14em;text-transform:uppercase}
.bsg__name{margin:7px 0 0;font-size:11px;line-height:1.3;color:#767676}
.bsg__x{width:32px;height:32px;margin:-6px -8px 0 0;display:flex;align-items:center;justify-content:center}
.bsg__x svg{width:14px;height:14px;display:block}
.bsg__body{flex:1;overflow-y:auto;padding:22px 24px 28px;-webkit-overflow-scrolling:touch}
.bsg__bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.bsg__cap{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#767676}
.bsg__units{position:relative;display:flex;border:1px solid #181818;height:26px}
.bsg__units button{position:relative;z-index:1;width:42px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;transition:color .25s}
.bsg__units i{position:absolute;top:0;bottom:0;left:0;width:50%;background:#181818;transition:transform .25s ease}
.bsg__units[data-u="in"] i{transform:translateX(100%)}
.bsg__units button.is-on{color:#fff}
.bsg__t{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px;text-align:center}
.bsg__t th,.bsg__t td{padding:0;height:42px;border-bottom:1px solid #ececec;font-weight:400;font-variant-numeric:tabular-nums}
.bsg__t th.bsg__m{width:27%;text-align:left;padding-right:6px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#767676;line-height:1.25}
.bsg__t thead th{height:52px;vertical-align:middle;border-bottom:1px solid #181818}
.bsg__t tbody tr:hover td{background:#fafafa}
.bsg__t td.is-sel,.bsg__t tbody tr:hover td.is-sel{background:#f1f1f1}
.bsg__sz{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:52px;font-size:11px;letter-spacing:.04em;line-height:1.1;transition:background .2s,color .2s}
.bsg__sz small{display:block;margin-top:3px;font-size:9px;letter-spacing:.04em;opacity:.6}
.bsg__sz:hover{background:#f1f1f1}
.bsg__sz.is-sel{background:#181818;color:#fff}
.bsg__sz.is-sold{color:#b5b5b5;text-decoration:line-through;cursor:not-allowed}
.bsg__sz.is-sold:hover{background:none}
.bsg__sz.is-model:after{content:"";position:absolute;top:6px;right:6px;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.9}
.bsg__legend{display:none;align-items:center;margin:12px 0 0;font-size:10px;letter-spacing:.06em;color:#767676}
.bsg__legend.is-on{display:flex}
.bsg__legend:before{content:"";width:5px;height:5px;margin-right:8px;border-radius:50%;background:#181818}
.bsg__model{display:none;margin-top:26px;padding:16px 18px;background:#f7f7f7}
.bsg__model.is-on{display:block}
.bsg__model b{display:block;margin-bottom:7px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.bsg__model span{font-size:12px;line-height:1.5}
.bsg__note{margin:22px 0 0;font-size:10px;line-height:1.6;color:#767676}
.bsg__foot{padding:14px 24px calc(18px + env(safe-area-inset-bottom));border-top:1px solid #ececec;background:#fff}
.bsg__add{width:100%;height:44px;background:#181818;color:#fff;font-size:10px;letter-spacing:.14em;text-transform:uppercase;transition:background .2s}
.bsg__add:disabled{background:#e4e4e4;color:#8a8a8a;cursor:default}
html.bsg-lock{overflow:hidden}
@media (max-width:767.98px){
.bsg{align-items:flex-end}
.bsg__panel{width:100%;height:auto;max-height:92vh;transform:translateY(100%)}
.bsg__head{padding:22px 18px 16px}
.bsg__body{padding:18px 18px 24px}
.bsg__foot{padding:12px 18px calc(14px + env(safe-area-inset-bottom))}
.bsg__t th.bsg__m{width:25%}
}
@media (prefers-reduced-motion:reduce){.bsg,.bsg__panel,.bsg__units i{transition:none}}