.koi-cover-range-picker{position:fixed;inset:0;z-index:100051;display:flex;flex-direction:column;background:#050505;color:#fff;font-family:inherit;letter-spacing:0}
.koi-cover-range-picker__bar{height:60px;flex:0 0 60px;display:grid;grid-template-columns:72px 1fr 72px;align-items:center;padding-top:env(safe-area-inset-top);box-sizing:content-box}
.koi-cover-range-picker__bar strong{text-align:center;font-size:17px;line-height:1.2;font-weight:600}
.koi-cover-range-picker button{font:inherit;letter-spacing:0;border:0;background:transparent;color:#fff;cursor:pointer}
.koi-cover-range-picker__icon{width:44px;height:44px;margin:auto;border-radius:50%;font-size:30px;line-height:1}
.koi-cover-range-picker__done{height:44px;padding:0 16px;font-size:15px;font-weight:600}
.koi-cover-range-picker__body{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px;box-sizing:border-box}
.koi-cover-range-picker__viewport{position:relative;width:min(100%,760px);aspect-ratio:3/1;touch-action:none;overflow:hidden;background:#111;box-shadow:0 0 0 1px rgba(255,255,255,.72)}
.koi-cover-range-picker__viewport canvas{display:block;width:100%;height:100%}
.koi-cover-range-picker__grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent calc(33.333% - .5px),rgba(255,255,255,.34) 33.333%,transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),rgba(255,255,255,.34) 66.666%,transparent calc(66.666% + .5px)),linear-gradient(to bottom,transparent calc(33.333% - .5px),rgba(255,255,255,.34) 33.333%,transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),rgba(255,255,255,.34) 66.666%,transparent calc(66.666% + .5px))}
.koi-cover-range-picker__footer{min-height:76px;padding:0 max(16px,env(safe-area-inset-left)) env(safe-area-inset-bottom);display:grid;grid-template-columns:72px 1fr 72px;align-items:center;color:rgba(255,255,255,.66);font-size:12px;text-align:center}
.koi-cover-range-picker__footer button{grid-column:1;width:44px;height:44px;margin:auto;font-size:14px}
.koi-cover-range-picker__footer span{grid-column:2;line-height:1.45}
.koi-cover-range-picker button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (max-width:480px){.koi-cover-range-picker__body{padding:8px}.koi-cover-range-picker__viewport{width:100%}}