#byl-calendar-order{--bg: var(--page-background, #050711);--surface: #2273ba;--surface-soft: rgb(172 207 240);--ink: var(--text-color, #f9fafb);--muted: #191e2a;--line: #2273ba;--pill: rgba(255, 255, 255, .04);--accent: var(--primary-color, #FFC94A);--accent-soft: rgba(255, 201, 74, .15);font-family:var(--font-family);color:var(--ink)}#byl-calendar-order .container{background:var(--surface);border-radius:16px;box-shadow:0 18px 40px #00000059;padding:20px;width:100%;max-width:var(--page-max, 1000px);margin:0 auto 20px;overflow:visible;border:1px solid var(--line)}#byl-calendar-order h2{margin:0 0 12px;font-size:1.3rem;font-weight:700;color:var(--ink);display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}#byl-calendar-order h2:after{content:"Calendar Ordering";font-size:1.25rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}#byl-calendar-order .grid{display:grid;gap:12px}#byl-calendar-order .row{display:flex;gap:12px;flex-wrap:wrap}#byl-calendar-order .card{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--surface-soft)}#byl-calendar-order label{font-weight:600;font-size:13px;color:var(--muted)}#byl-calendar-order select,#byl-calendar-order input[type=text]{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#090b14e6;color:var(--ink)}#byl-calendar-order .calendar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:10px}@media (max-width: 900px){#byl-calendar-order .calendar{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){#byl-calendar-order .calendar{grid-template-columns:1fr}}#byl-calendar-order .day{border:1px solid var(--line);border-radius:14px;background:radial-gradient(circle at top left,rgba(255,201,74,.22),transparent 55%) var(--surface-soft);padding:10px;display:flex;flex-direction:column;gap:6px}#byl-calendar-order .datehdr{font-size:12px;color:var(--muted);margin-bottom:4px;text-align:center;text-transform:uppercase;letter-spacing:.08em}#byl-calendar-order .brand-row{background:var(--pill);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px}#byl-calendar-order .brand-row h5{display:none}#byl-calendar-order .controls{display:grid;gap:8px}#byl-calendar-order .controls .row{align-items:center}#byl-calendar-order .chip{display:inline-block;border:1px solid rgba(255,255,255,.16);padding:6px 9px;border-radius:999px;margin:2px;background:#080a14e6;color:var(--ink);cursor:pointer;font-size:9px;line-height:1.1}#byl-calendar-order .chip.is-on{background:var(--accent);border-color:var(--accent);color:#111}#byl-calendar-order .badge{display:inline-block;font-size:11px;padding:3px 7px;border-radius:999px;border:1px solid rgba(126,220,146,.4);background:#12381ef2;color:#9ee6b2;margin-left:6px}#byl-calendar-order .badge.warn{background:#4c360cf2;color:#ffd68b;border-color:#ffd68b73}#byl-calendar-order .footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:8px;flex-wrap:wrap}#byl-calendar-order .muted{color:var(--muted);font-size:12px}#byl-calendar-order .sum{font-weight:700}#byl-calendar-order .btn{-webkit-appearance:none;appearance:none;border:0;border-radius:999px;padding:10px 16px;background:var(--primary-color, var(--accent));color:#111;cursor:pointer;font-weight:600;font-size:.9rem;white-space:nowrap;box-shadow:0 8px 24px #00000059}#byl-calendar-order .btn:hover{background:var(--primary-hover, #ffdd85)}#byl-calendar-order .btn.secondary{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}#byl-calendar-order .btn.secondary:hover{border-color:var(--primary-color, var(--accent))}.byl-select-wrap{position:relative;display:inline-block;width:100%}.byl-select-btn{width:100%;padding:10px 12px;border:1px solid var(--border-color, rgba(255, 255, 255, .14));border-radius:12px;background:#090b14f2;color:var(--ink);text-align:left;cursor:pointer;display:grid;grid-template-columns:1fr max-content;align-items:center;gap:16px;font-size:.95rem}.byl-select-list{position:absolute;left:0;right:0;top:calc(100% + 4px);display:none;max-height:260px;overflow:auto;z-index:10000;background:#050713;color:var(--ink);border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 18px 45px #0000008c;padding:4px 0;list-style:none;margin:0;font-size:.9rem;line-height:1.2rem}.byl-select-wrap.is-open .byl-select-list{display:block}.byl-option{display:grid;grid-template-columns:1fr max-content;align-items:center;gap:16px;padding:7px 12px;cursor:pointer}.byl-option:hover{background:#ffffff0a}.byl-label{overflow:hidden;text-overflow:ellipsis;text-align:left}.byl-price{justify-self:end;white-space:nowrap;font-variant-numeric:tabular-nums}.byl-toppings{display:flex;flex-wrap:wrap;gap:2px 3px;align-items:center;margin-top:1px}.byl-toppings .chip{padding:3px 8px;font-size:.6rem;line-height:1.1;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#090b14e6;color:var(--ink);white-space:nowrap}.byl-toppings .chip.is-on{background:var(--accent);border-color:var(--accent);color:#111;font-weight:500}.byl-toppings label{display:none}#byl-calendar-order .toppings-below{margin-top:6px;display:flex;gap:8px;align-items:center}#byl-calendar-order .toppings-link{-webkit-appearance:none;appearance:none;border:1px solid var(--line);background:transparent;color:var(--ink);padding:6px 10px;border-radius:999px;cursor:pointer;font-size:10px;text-transform:uppercase;letter-spacing:.08em}#byl-calendar-order .toppings-link[disabled]{opacity:.5;cursor:not-allowed}#byl-calendar-order .toppings-link:not([disabled]):hover{border-color:var(--primary-color, var(--accent))}.byl-pop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;transition:opacity .16s ease;z-index:10000}.byl-pop-backdrop.is-open,.byl-pop-backdrop.is-visible{opacity:1}.byl-pop{position:fixed;left:0;top:0;width:min(420px,94vw);max-height:70vh;display:grid;grid-template-rows:auto 1fr auto;gap:10px;padding:12px;background:#050713;color:var(--ink);border:1px solid rgba(255,255,255,.16);border-radius:14px;box-shadow:0 18px 45px #0009;opacity:0;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease;z-index:10001}.byl-pop.is-open,.byl-pop.is-visible{opacity:1;transform:translateY(0)}.byl-pop:after{content:"";position:absolute;top:-8px;left:var(--arrow-left, 20px);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #050713;filter:drop-shadow(0 -1px 0 rgba(0,0,0,.25))}.byl-pop h4{font-size:.95rem;margin:0 0 10px;color:var(--primary-color, var(--accent))}.byl-pop .chips{overflow:auto;padding-right:4px;display:grid;grid-template-columns:1fr;gap:6px}.byl-pop .chip{display:block;max-width:100%;white-space:normal;line-height:1.25;padding:6px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#0b0e1cf5;color:var(--ink);cursor:pointer}.byl-pop .chip.is-on{background:var(--primary-color, var(--accent));color:#111;border-color:var(--primary-color, var(--accent))}.byl-pop .bar{position:sticky;bottom:0;background:#050713;padding-top:8px;display:flex;justify-content:flex-end;gap:8px}.byl-pop button{border:1px solid rgba(255,255,255,.16);background:#141728f5;color:var(--ink);padding:8px 12px;border-radius:10px;cursor:pointer;font-size:.85rem}.byl-pop button.primary{background:var(--primary-color, var(--accent));color:#111;border-color:var(--primary-color, var(--accent))}body.byl-lock{overflow:hidden}@media (min-width: 900px){#byl-calendar-order .brand-row .row>div{min-width:0!important;flex:1 1 auto}#byl-calendar-order .byl-select-wrap{max-width:100%}#byl-calendar-order .byl-select-btn{padding:10px 12px;font-size:15px;line-height:1.25;grid-template-columns:1fr max-content;gap:12px}#byl-calendar-order .byl-select-list{left:0;right:0;width:100%;max-width:100%}#byl-calendar-order .calendar{grid-template-columns:repeat(5,minmax(200px,1fr));gap:12px}#byl-calendar-order .day{padding:12px;min-height:150px}#byl-calendar-order .brand-row{padding:8px 10px}.byl-pop{width:min(440px,92vw)}}@media (min-width: 1200px){#byl-calendar-order .container{max-width:1180px}}#byl-calendar-order .byl-select-list{font-size:.9rem;line-height:1.2rem}#byl-calendar-order .byl-select-list .byl-option,#byl-calendar-order .byl-select-list .byl-label,#byl-calendar-order .byl-select-list .byl-price{font-size:inherit;line-height:inherit}#byl-calendar-order .extras-beside .chip{display:inline-block;padding:4px 8px;border-radius:999px;border:1px solid var(--line, rgba(255, 255, 255, .16));cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}#byl-calendar-order .extras-beside .chip.is-on{background:var(--pill, rgba(255, 255, 255, .06));border-color:var(--accent, #FFC94A)}#byl-calendar-order .extras-beside .chip.is-disabled{opacity:.5;pointer-events:none}.byl-select-wrap.deadline-closed{position:relative}.byl-select-wrap.deadline-closed:after{content:"Past Deadline";position:absolute;left:1px;right:8px;top:50%;transform:translateY(-50%);padding:4px 8px;background:#0000008c;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff;pointer-events:none;box-shadow:0 1px 3px #00000059}.byl-select-wrap.deadline-closed .byl-select-btn{background:#2a2a2a;color:#888;border-color:#555;cursor:not-allowed;opacity:.8}#byl-calendar-order .byl-select-wrap.is-locked .byl-select-btn{background:#333;color:#aaa;border-color:#555;cursor:not-allowed;opacity:.85}#byl-calendar-order .brand-row .controls.is-closed{opacity:.7}.controls.is-closed .extras-beside .chip{opacity:.5}@media (max-width: 600px){#byl-calendar-order label{font-size:15px}#byl-calendar-order select,#byl-calendar-order input[type=text]{font-size:16px;padding:12px 14px}#byl-calendar-order .byl-select-btn{font-size:2rem;padding:12px 14px;gap:20px}#byl-calendar-order .byl-select-list{font-size:1.8rem;line-height:2rem}#byl-calendar-order .byl-option,#byl-calendar-order .byl-label,#byl-calendar-order .byl-price{font-size:inherit;line-height:inherit}#byl-calendar-order .chip{font-size:11px;padding:7px 10px}.byl-toppings .chip{font-size:1.5rem;padding:5px 9px}#byl-calendar-order .toppings-link{font-size:12px;padding:7px 12px}.byl-pop h4{font-size:1.1rem}.byl-pop .chip{font-size:1.5rem;padding:8px 10px}.byl-pop button{font-size:1.5rem;padding:10px 14px}#byl-calendar-order .btn{font-size:1.5rem;padding:12px 18px}#byl-calendar-order .datehdr{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/byl-calendar.css.map */
