:root{--primary-color: #FFA500;--primary-hover: #FF9800;--secondary-color: #FFC107;--secondary-hover: #FFD54F;--accent-color: #FFC107;--background-color: #000000;--container-background: #111111;--border-color: #444444;--text-color: #FFFFFF;--font-family: Arial, sans-serif;--slide-duration: .6s;--slide-ease: cubic-bezier(.16,1,.3,1);--slide-offset: 14px;--panel-max: 1200px}html{scrollbar-gutter:stable both-edges}@supports not (scrollbar-gutter: stable){html{overflow-y:scroll}}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--background-color);color:var(--text-color);padding:20px;display:flex;flex-direction:column;align-items:center;scroll-behavior:smooth}.container{background:var(--container-background);border-radius:8px;box-shadow:0 0 10px #0000001a;margin-bottom:20px;padding:20px;max-width:none;width:100%}.step-title{font-size:1.25rem;margin-bottom:10px;color:var(--secondary-color);border-bottom:1px solid var(--border-color);padding-bottom:5px}.notification{text-align:center;font-size:16px}.notification a{color:var(--primary-color);text-decoration:underline}.form-step{margin-top:10px}.hidden,.show{will-change:opacity,max-height,transform}.hidden{opacity:0;max-height:0;overflow:hidden;transform:translateY(-var(--slide-offset));transition:opacity var(--slide-duration) var(--slide-ease),max-height var(--slide-duration) var(--slide-ease),transform var(--slide-duration) var(--slide-ease)}.show{opacity:1;max-height:var(--panel-max);transform:translateY(0)}#previousOrdersContainer select{font-size:16px;padding:10px;border-radius:6px;margin-top:10px;border:1px solid var(--border-color);background:#fff;color:#000}#city-selection{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:20px}.city-btn{flex:1 1 260px;min-width:300px;padding:15px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:18px;cursor:pointer;text-align:center;transition:background .2s}.city-btn:hover{background:var(--primary-hover)}#school-selection select{width:100%;max-width:400px;padding:12px;font-size:16px;border-radius:6px;border:1px solid var(--border-color);background:#fff;color:#000}#brand-selection{display:grid;gap:12px;grid-template-columns:1fr;overflow-x:visible;padding:10px 0}@media (min-width: 520px){#brand-selection{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 900px){#brand-selection{grid-template-columns:repeat(3,minmax(0,1fr))}}.brand-btn{width:100%;min-width:0;padding:12px;background:var(--secondary-color);color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;text-align:center;transition:background .2s;white-space:normal;overflow-wrap:anywhere}.brand-btn:hover{background:var(--secondary-hover)}.brand-btn.is-disabled{opacity:.55;cursor:not-allowed}.brand-btn.is-disabled:hover{background:var(--secondary-color)}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(26px)}.toggle-label{margin-left:10px;font-size:16px;color:var(--text-color)}#order-form{display:flex;flex-direction:column;gap:15px}#order-form input[type=text],#order-form select{width:100%;padding:12px;font-size:16px;border:1px solid var(--border-color);border-radius:6px;background:#fff;color:#000}#order-dates>div{margin-bottom:10px;text-align:center}#costdisplay{font-size:18px;font-weight:700;text-align:center}#cartsave{padding:12px;font-size:18px;background:var(--accent-color);border:none;border-radius:6px;cursor:pointer;text-align:center;transition:background .2s}#cartsave:hover{background:var(--secondary-hover)}.notes{font-size:14px;text-align:center;color:var(--text-color)}#topping-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}.topping-btn{padding:8px 16px;border-radius:20px;border:1px solid var(--border-color);background:#f0f0f0;cursor:pointer;font-size:14px;transition:background .3s,color .3s}.topping-btn.selected{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.staff-pellet-btn{padding:6px 12px;border-radius:20px;border:1px solid var(--border-color);background:#f0f0f0;cursor:pointer;font-size:13px;transition:background .3s,color .3s;margin-right:5px}.staff-pellet-btn.selected{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}@media (max-width: 600px){#cartsave{position:fixed;bottom:15px;right:15px;z-index:999;width:80px;height:80px;border-radius:30%;font-size:18px;line-height:20px;text-align:center}#order-form{padding-bottom:80px}}.milk-row{display:flex;align-items:center;gap:14px;justify-content:center;margin:10px 0}.milk-row strong{min-width:110px;text-align:right}.milk-row label{display:inline-flex;align-items:center;gap:6px}.milk-note{text-align:center;font-size:14px;opacity:.9;margin:6px 0 10px}.swal-duplicate-message{white-space:pre-wrap}#open-login,#open-calendar{background:var(--primary-color);border:none;border-radius:8px;color:var(--text-color);padding:5px 10px;font-size:16px;cursor:pointer;transition:background .2s}#open-login:hover,#open-calendar:hover{background:var(--primary-hover)}@media (min-width: 900px){.desktop-split{grid-template-columns:1fr 1fr}}.container{width:100%;max-width:none}@media (min-width: 900px){.hidden{opacity:0;max-height:0;overflow:hidden;transform:translateY(-var(--slide-offset));visibility:hidden}.show{visibility:visible}}:root{--page-max: 1000px;--page-gutter: 24px}.desktop-split{width:100%;display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 900px){.desktop-split{grid-template-columns:1fr 1fr;max-width:var(--page-max);margin-inline:auto;padding-inline:var(--page-gutter);border-left:var(--frame-border);border-right:var(--frame-border);border-radius:8px}}.left-panel,.right-panel{min-width:0}#order-dates select{font-family:var(--font-family);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.byl-select-wrap{position:relative;display:inline-block;width:100%}.byl-select-btn{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:#fff;color:#000;text-align:left;cursor:pointer;font-variant-numeric:tabular-nums}.byl-select-list{position:absolute;left:0;right:0;top:calc(100% + 4px);max-height:260px;overflow:auto;display:none;z-index:1000;background:#fff;color:#000;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0003;padding:6px}.byl-option{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:16px;padding:8px 12px;border-radius:6px;cursor:pointer}.byl-label{overflow:hidden;text-overflow:ellipsis}.byl-price{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}#order-dates .byl-select-wrap,#order-dates .byl-select-list,#order-dates .byl-option,#order-dates .byl-label{text-align:left}#order-dates .byl-price{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}#order-dates .byl-select-list{list-style:none;margin:0}#order-dates .byl-select-wrap,#order-dates .byl-select-list{width:100%;box-sizing:border-box}#order-dates .byl-trigger{display:grid;grid-template-columns:1fr max-content;align-items:center;width:100%}#order-dates .byl-option{display:grid;grid-template-columns:1fr max-content;align-items:center;gap:16px;width:100%}#order-dates .byl-label{text-align:left;min-width:0}#order-dates .byl-price{justify-self:end;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;padding-left:16px}#order-dates .byl-select-list{list-style:none;margin:0;padding:8px 0}#order-dates .byl-select-btn{display:grid;grid-template-columns:1fr max-content;align-items:center;gap:16px}:root{--footer-h: 0px}body{padding-bottom:var(--footer-h)}:root{--panel-max: 1500px}@media (min-width: 900px){.show{max-height:none;transition:opacity var(--slide-duration) var(--slide-ease),transform var(--slide-duration) var(--slide-ease)}}.container{max-width:var(--page-max, 1000px);margin-inline:auto;width:100%}.brand-sub{display:block;font-size:12px;opacity:.8;margin-top:2px}html,body{height:100%}body{min-height:100dvh;display:flex;flex-direction:column;align-items:stretch}main,#MainContent{flex:1 0 auto}footer,.footer,.shopify-section-footer{position:static!important;flex-shrink:0;z-index:1}@media (max-width: 600px){#order-form{padding-bottom:100px}}.container,#order-dates,.desktop-split,.left-panel,.right-panel{overflow:visible}.byl-select-wrap{position:relative}.byl-select-list{position:absolute;left:0;right:0;top:calc(100% + 4px);display:none;max-height:260px;overflow:auto;z-index:10000;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#fff;color:#000;border:1px solid var(--border-color, #ccc);border-radius:8px;box-shadow:0 8px 24px #0003;padding:6px;box-sizing:border-box}.byl-select-wrap.is-open .byl-select-list{display:block}@media (max-width: 600px){.byl-select-list{max-height:calc(100dvh - 160px)}}.byl-option{display:grid;grid-template-columns:1fr max-content;align-items:center;gap:16px;padding:8px 12px;border-radius:6px;cursor:pointer}.byl-option:hover{background:#f2f2f2}.byl-label{overflow:hidden;text-overflow:ellipsis;text-align:left}.byl-price{justify-self:end;white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/5/assets/byl-order-form.css.map */