@import url(https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,800|Rubik:300,400,900);.loader-container{position:fixed;top:0;left:0;width:100vw;height:100vh}.loader-container .loader,.loader-container .loader2{position:absolute;width:100px;height:100px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%;border:3px solid #fff}.loader-container .loader{background-image:radial-gradient(grey,#fff,grey)}.loader-container .loader .first{z-index:3;width:50%;height:100%;position:absolute;right:50%;top:0;-webkit-animation:fold 1s ease-in-out infinite;animation:fold 1s ease-in-out infinite;-webkit-transform-origin:100%;transform-origin:100%;border-radius:100px 0 0 100px;background-size:200%}.loader-container .loader .first:before{content:"";top:50%;left:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loader-container .loader .second{background-size:200%;z-index:2;width:50%;height:100%;background-image:radial-gradient(#f4d492,#e49135,#e7b361,#a64a10,#d48a3c);position:absolute;right:50%;top:0;border-radius:100px 0 0 100px}.loader-container .loader .second:before{content:"";top:50%;left:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loader2{background-image:radial-gradient(#f4d492,#e49135,#e7b361,#a64a10,#d48a3c);-webkit-animation:hide 1s ease-in-out infinite;animation:hide 1s ease-in-out infinite}.loader2 .first{background-size:100% 200%;background-position-y:100%;z-index:3;width:100%;height:50%;position:absolute;top:50%;left:0;-webkit-animation:fold2 1s ease-in-out infinite;animation:fold2 1s ease-in-out infinite;-webkit-transform-origin:100% 0;transform-origin:100% 0;border-radius:0 0 100px 100px}.loader2 .first:before{content:"";top:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loader2 .second{background-size:100% 200%;background-position-y:100%;z-index:2;width:100%;height:50%;background-image:radial-gradient(grey,#fff,grey);position:absolute;top:50%;left:0;border-radius:0 0 100px 100px}.loader2 .second:before{content:"";top:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.first:before,.second:before{content:"";background-color:#fff;height:30px;width:30px;position:absolute;border-radius:50%}@-webkit-keyframes fold{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);background-image:radial-gradient(grey,#fff,grey)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-image:radial-gradient(#f4d492,#e49135,#e7b361,#a64a10,#d48a3c)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-image:radial-gradient(#f4d492,#e49135,#e7b361,#a64a10,#d48a3c)}}@keyframes fold{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);background-image:radial-gradient(grey,#fff,grey)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-image:radial-gradient(#f4d492,#e49135,#e7b361,#a64a10,#d48a3c)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-image:radial-gradient(#f4d492,#e49135,#e7b361,#a64a10,#d48a3c)}}@-webkit-keyframes fold2{0%{display:none;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);background-image:radial-gradient(#f4d492,#e49135,#e7b361,#a64a10,#d48a3c)}50%{display:block;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);background-image:radial-gradient(#f4d492,#e49135,#e7b361,#a64a10,#d48a3c)}to{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);background-image:radial-gradient(grey,#fff,grey)}}@keyframes fold2{0%{display:none;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);background-image:radial-gradient(#f4d492,#e49135,#e7b361,#a64a10,#d48a3c)}50%{display:block;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);background-image:radial-gradient(#f4d492,#e49135,#e7b361,#a64a10,#d48a3c)}to{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);background-image:radial-gradient(grey,#fff,grey)}}@-webkit-keyframes hide{0%{opacity:0}49%{opacity:0}50%{opacity:1}to{opacity:1}}@keyframes hide{0%{opacity:0}49%{opacity:0}50%{opacity:1}to{opacity:1}}.modes{display:flex;justify-content:center}.modes .mode{cursor:pointer;font-size:1.5rem;margin:10px}.toast{position:fixed;bottom:20px;left:20px;padding:10px;z-index:9999;opacity:1;-webkit-transition:.8s;transition:.8s;-webkit-transition-timing-function:cubic-bezier(.68,0,.265,1.55);transition-timing-function:cubic-bezier(.68,0,.265,1.55);margin-top:10px;font-size:12px;font-style:italic}.toast.error{background-color:#ff8360;color:#fff!important}.toast.success{color:#000;background-color:var(--primaryColour)}.toast[data-hide=true]{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}.management-header{display:flex;margin:20px 0}.management-header h2{margin:0 10px 0 0}.list-container{display:grid;grid-gap:10px}.list-container>.list-item{display:grid;grid-gap:10px;padding:10px 20px;border-radius:10px;background:#fff;-webkit-transition:.2s;transition:.2s;box-shadow:0 3px 6px rgba(0,0,0,.1)}.tabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:10px;padding-bottom:20px;margin-bottom:40px;border-bottom:2px solid #d3d3d3}.admin-user-management{padding:20px;border-radius:10px;background-color:#f8f8f8;box-shadow:0 3px 6px rgba(0,0,0,.23);margin:20px 0}.list-container.user .list-item{grid-template-columns:minmax(200px,1fr) minmax(120px,150px) minmax(140px,150px)}.list-container.user .list-item>div{display:flex;justify-content:center;flex-direction:column}.list-container.user .list-item[data-you=true] .role,.list-container.user .list-item[data-you=true] .verified{display:none}.list-container.user .list-item .email{font-size:12px;color:var(--smallTextColour)}.list-container.user .list-item .role{display:flex;align-items:center}.list-container.user .list-item .role>div{padding:10px;background-color:#eaf2e3;color:#fff;border-radius:10px;height:100%;width:120px;position:relative;cursor:pointer;-webkit-transition:.2s;transition:.2s;font-size:14px;color:var(--smallTextColour)}.list-container.user .list-item .role>div[data-role=ADMIN]{background-color:#5bc0eb;color:#fff}.list-container.user .list-item .role>div:hover{width:140px}.list-container.user .list-item .role>div:hover .status{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0;pointer-events:none}.list-container.user .list-item .role>div:hover .action{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:all}.list-container.user .list-item .role>div .action,.list-container.user .list-item .role>div .status{-webkit-transition:.2s;transition:.2s;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;height:100%;width:100%}.list-container.user .list-item .role>div .status{opacity:1;pointer-events:all}.list-container.user .list-item .role>div .action{pointer-events:none;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.list-container.user .list-item .verified{display:flex;align-items:flex-end}.list-container.user .list-item .verified>div{text-align:center;padding:10px;background-color:#90ee90;color:#fff;border-radius:10px;width:140px;font-size:14px;position:relative;height:100%;-webkit-transition:.2s;transition:.2s}.list-container.user .list-item .verified>div[data-verified=false]{background-color:#ff8360;cursor:pointer}.list-container.user .list-item .verified>div[data-verified=false]:hover{width:140px}.list-container.user .list-item .verified>div[data-verified=false]:hover .status{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0;pointer-events:none}.list-container.user .list-item .verified>div[data-verified=false]:hover .action{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:all}.list-container.user .list-item .verified>div .action,.list-container.user .list-item .verified>div .status{-webkit-transition:.2s;transition:.2s;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;height:100%;width:100%}.list-container.user .list-item .verified>div .status{opacity:1;pointer-events:all}.list-container.user .list-item .verified>div .action{pointer-events:none;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}@-webkit-viewport{width:device-width;zoom:1}@-moz-viewport{width:device-width;zoom:1}@-ms-viewport{width:device-width;zoom:1}@viewport{width:device-width;zoom:1}html{overflow-y:auto}audio,canvas,img,video{max-width:100%}.container{max-width:40em;width:88%;margin-left:auto;margin-right:auto}table{max-width:100%;border-collapse:collapse;border-spacing:0}.table,table{width:100%;margin-bottom:1.52941em}.table td,.table th,table td,table th{padding:.47059em;text-align:left;border-top:.07143em solid #b8b8b8}.table th,table th{font-weight:700;vertical-align:bottom}.table td,table td{vertical-align:top}.table thead:first-child tr td,.table thead:first-child tr th,table thead:first-child tr td,table thead:first-child tr th{border-top:0}.table tbody+tbody,table tbody+tbody{border-top:.14286em solid #b8b8b8}.table-condensed td,.table-condensed th,table td,table th{padding:.29412em}.table-bordered,table{border:.07143em solid #b8b8b8;border-collapse:initial;*border-collapse:collapsed;border-radius:.47059em}.table-bordered td+td,.table-bordered td+th,.table-bordered th+td,.table-bordered th+th,table td+td,table td+th,table th+td,table th+th{border-left:.07143em solid #b8b8b8}.table-bordered tbody:first-child tr:first-child td,.table-bordered tbody:first-child tr:first-child th,.table-bordered thead:first-child tr:first-child th,table tbody:first-child tr:first-child td,table tbody:first-child tr:first-child th,table thead:first-child tr:first-child th{border-top:0}.table-bordered tbody:first-child tr:first-child td:first-child,.table-bordered thead:first-child tr:first-child th:first-child,table tbody:first-child tr:first-child td:first-child,table thead:first-child tr:first-child th:first-child{border-radius:.47059em 0 0 0}.table-bordered tbody:first-child tr:first-child td:last-child,.table-bordered thead:first-child tr:first-child th:last-child,table tbody:first-child tr:first-child td:last-child,table thead:first-child tr:first-child th:last-child{border-radius:0 .47059em 0 0}.table-bordered tbody:last-child tr:last-child td:first-child,.table-bordered thead:last-child tr:last-child th:first-child,table tbody:last-child tr:last-child td:first-child,table thead:last-child tr:last-child th:first-child{border-radius:0 0 0 .47059em}.table-bordered tbody:last-child tr:last-child td:last-child,.table-bordered thead:last-child tr:last-child th:last-child,table tbody:last-child tr:last-child td:last-child,table thead:last-child tr:last-child th:last-child{border-radius:0 0 .47059em 0}.error{margin-top:10px;font-size:12px;color:#ff6700;color:var(--errorColour);font-style:italic}body{margin:0;font-family:Rubik,sans-serif;font-family:Roboto Mono,monospace;font-size:100%;overflow:overlay}body .shell{background-color:#f8f8f8;background-color:var(--backgroundColour);color:#0d1f2d;color:var(--textColour)}body .site-container{max-width:1200px;margin:0 auto;padding:20px 20px 100px}body *{box-sizing:border-box}h2{margin-top:40px}.small-print{font-size:12px;color:grey;color:var(--smallTextColour);font-style:italic}input:not([type=checkbox]){-webkit-appearance:none;padding:10px;width:100%;position:relative;border:1px solid #acacac;border:1px solid var(--buttonBorderColour);background-color:#fff;background-color:var(--buttonColour);color:#0d1f2d;color:var(--textColour);border-radius:10px}input:not([type=checkbox]):focus{outline:none}input:not([type=checkbox])::-webkit-input-placeholder{font-family:Roboto Mono,monospace;font-style:italic;color:grey;color:var(--smallTextColour)}input:not([type=checkbox])::-moz-placeholder{font-family:Roboto Mono,monospace;font-style:italic;color:grey;color:var(--smallTextColour)}input:not([type=checkbox])::-ms-input-placeholder{font-family:Roboto Mono,monospace;font-style:italic;color:grey;color:var(--smallTextColour)}input:not([type=checkbox])::placeholder{font-family:Roboto Mono,monospace;font-style:italic;color:grey;color:var(--smallTextColour)}a{text-decoration:none}.btn,a,button{color:#0d1f2d;color:var(--textColour)}.btn,button{font-family:Roboto Mono,monospace;text-transform:uppercase;padding:5px 20px;background-color:initial;border:1px solid #acacac;border:1px solid var(--buttonBorderColour);cursor:pointer;-webkit-transition:.2s;transition:.2s;font-weight:800;background-color:#fff;background-color:var(--buttonColour);border-radius:10px;min-width:130px;font-size:12px;text-align:center}.btn:disabled,button:disabled{cursor:not-allowed}.btn:focus,button:focus{outline:none}.btn:hover:enabled,button:hover:enabled{-webkit-transform:scale(1.1) rotate(2deg);transform:scale(1.1) rotate(2deg);background-color:#adff2f;background-color:var(--primaryColour);border-color:#adff2f;border-color:var(--primaryColour)}.admin-button{background-image:url(/static/media/bagel-plain.d4646e93.png);background-size:contain;background-repeat:no-repeat;background-position:50%;background-color:initial!important;border:none;height:40px;width:40px}.your-order-info{margin-top:60px}.your-order-info i{background-color:#90ee90;background-color:var(--secondaryColour)}.your-order-info .current-order{display:flex}.your-order-info .current-order h1{background-color:#adff2f;background-color:var(--primaryColour);margin:10px 0}.your-order-info.last-week i{background-color:#5bc0eb;background-color:var(--selectedColour)}.your-order-info.last-week h1{background-color:#adff2f;background-color:var(--primaryColour)}.selected-bagel{display:flex;justify-content:space-between;align-items:center;position:fixed;width:100vw;height:60px;top:0;left:0;background-color:#fff;background-color:var(--headerColour);padding:0 20px;box-shadow:0 3px 6px rgba(0,0,0,.23);z-index:1}.selected-bagel p{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:50px}.selected-bagel p em{vertical-align:middle;margin-right:10px;font-size:10px;color:grey;text-decoration:underline}.new-stuff{margin-top:60px;-webkit-transition:.3s;transition:.3s;background-color:#fff;background-color:var(--boxColour);overflow:hidden;height:0;box-shadow:inset 0 -3px 6px rgba(0,0,0,.23)}.new-stuff>*{padding:0 20px;max-width:1200px;margin:0 auto}.new-stuff .admin-panel{-webkit-transition:.3s;transition:.3s;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:20px}.new-stuff .admin-panel button[data-selected=true]{background-color:#adff2f;background-color:var(--primaryColour);border-color:#adff2f;border-color:var(--primaryColour)}.new-stuff[data-panel=true]{height:67px}.new-stuff[data-panel=true] .admin-panel{padding:20px}.new-stuff[data-open=true]{height:200px}.bagels-container,.flavours-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20px;margin:20px 0}.bagels-container .bagel,.flavours-container .bagel{border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.23);text-align:center;background-color:#fff;background-color:var(--boxColour);position:relative;display:flex;align-items:center;flex-direction:column;padding:15px;cursor:pointer;overflow:hidden;-webkit-transition:border .1s,-webkit-transform .2s;transition:border .1s,-webkit-transform .2s;transition:transform .2s,border .1s;transition:transform .2s,border .1s,-webkit-transform .2s;border:5px solid transparent}.bagels-container .bagel:hover,.flavours-container .bagel:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.bagels-container .bagel:hover button,.flavours-container .bagel:hover button{background-color:#adff2f;background-color:var(--primaryColour);border-color:#adff2f;border-color:var(--primaryColour)}.bagels-container .bagel .name,.flavours-container .bagel .name{font-weight:800;font-size:16px;word-break:break-word}.bagels-container .bagel p,.flavours-container .bagel p{color:grey;color:var(--smallTextColour);font-size:12px;flex-grow:1;display:flex;align-items:center;justify-content:center}.bagels-container .bagel[data-selected=true],.flavours-container .bagel[data-selected=true]{border-color:#5bc0eb;border-color:var(--selectedColour)}.bagels-container .bagel[data-selected=true] button,.flavours-container .bagel[data-selected=true] button{background-color:#adff2f;background-color:var(--primaryColour);border-color:#adff2f;border-color:var(--primaryColour)}.bagels-container .flavour,.flavours-container .flavour{border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.23);text-align:center;background-color:#fff;background-color:var(--boxColour);padding:10px;position:relative;min-height:70px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;-webkit-transition:border .1s,-webkit-transform .2s;transition:border .1s,-webkit-transform .2s;transition:transform .2s,border .1s;transition:transform .2s,border .1s,-webkit-transform .2s;border:5px solid transparent}.bagels-container .flavour:hover,.flavours-container .flavour:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.bagels-container .flavour[data-selected=true],.flavours-container .flavour[data-selected=true]{border-color:#5bc0eb;border-color:var(--selectedColour)}.customise[data-custom=true]{box-shadow:0 3px 6px rgba(0,0,0,.23);margin-top:40px;padding:20px;border-radius:20px;background-color:#495867;background-color:var(--oppositeBackgroundColour)}.customise[data-custom=true] h2:first-of-type{margin-top:0}.customise[data-custom=true] h2,.customise[data-custom=true] h3,.customise[data-custom=true] h4{color:#fff}.customise[data-custom=true]>button{margin-top:50px}.customise .category .fillings-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:10px;padding:20px;border-radius:20px;background:#fff;background:var(--boxColour);box-shadow:0 3px 6px rgba(0,0,0,.1)}.customise .category .fillings-container .filling{cursor:pointer}.customise .category .fillings-container .filling:hover{background:#ccc;background:var(--primaryHoverColour)}.customise .category .fillings-container .filling[data-selected=true]{background-color:#adff2f;background-color:var(--primaryColour)}.veg{display:inline-block;color:#90ee90;border:2px solid #90ee90;border-radius:50%;width:25px;height:25px}.sumbit-container{margin-top:40px}.sumbit-container .sumbit-button{padding:20px;width:100%;font-size:16px}.sumbit-container .sumbit-button:hover{-webkit-transform:none;transform:none}.order-container{margin-top:100px}.selector{position:relative;cursor:pointer}.selector.whole{margin-right:20px}.selector.custom{margin-left:20px}.selector:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.selector:hover:after{width:100%;-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}.selector[data-selected=true]:after{width:100%}.selector:after{height:100%;width:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;top:0;left:0;right:0;bottom:0;-webkit-transition:.4s;transition:.4s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;content:"";position:absolute;background-color:#adff2f;background-color:var(--primaryColour);z-index:-1}.add-new-form{width:100%;display:grid;grid-template-columns:200px 1fr 200px;grid-gap:20px}.add-new-form.email{grid-template-columns:1fr 200px}.add-new-form>*{padding:10px;height:100%}table{border:none;box-shadow:0 3px 6px rgba(0,0,0,.23);background-color:#fff;background-color:var(--boxColour)}table *{border-color:#acacac!important;border-color:var(--buttonBorderColour)!important}.dialog{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;display:none;-webkit-animation:none;animation:none;z-index:200}.dialog[data-open=true]{pointer-events:all;display:block;-webkit-animation:fadein .2s ease-out forwards;animation:fadein .2s ease-out forwards}.dialog .overlay{background-color:transparent;position:absolute;top:0;left:0;height:100%;width:100%}.dialog .dialog-container{background-color:#fff;background-color:var(--boxColour);display:flex;align-items:center;flex-direction:column;max-width:350px;width:100%;padding:40px}.dialog .dialog-container,.dialog .extra-dialog-container{-webkit-animation:grow .2s ease-out forwards;animation:grow .2s ease-out forwards;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.23);text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:0 0;transform-origin:0 0}.dialog .extra-dialog-container{background-color:#f8f8f8!important;background-color:var(--backgroundColour)!important;background-color:#fff;background-color:var(--boxColour);padding:20px;max-width:800px;width:90vw;max-height:90vh;overflow:auto}.whos-left{font-size:14px;color:#ff6700;color:var(--errorColour);font-style:italic}@-webkit-keyframes fadein{0%{background-color:transparent}to{background-color:rgba(0,0,0,.5)}}@keyframes fadein{0%{background-color:transparent}to{background-color:rgba(0,0,0,.5)}}@-webkit-keyframes grow{0%{-webkit-transform:scale(.8) translate(-50%,-50%);transform:scale(.8) translate(-50%,-50%)}to{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}}@keyframes grow{0%{-webkit-transform:scale(.8) translate(-50%,-50%);transform:scale(.8) translate(-50%,-50%)}to{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}}:root{--backgroundColour:#f8f8f8;--boxColour:#fff;--headerColour:#fff;--textColour:#0d1f2d;--smallTextColour:grey;--errorColour:#ff6700;--primaryColour:#adff2f;--primaryHoverColour:#ccc;--secondaryColour:#90ee90;--buttonColour:#fff;--buttonBorderColour:#acacac;--selectedColour:#5bc0eb;--oppositeBackgroundColour:#495867}.dark-mode{--backgroundColour:#17223b;--boxColour:#263859;--headerColour:#263859;--textColour:#fff;--smallTextColour:#6b778d;--errorColour:#ff6768;--primaryColour:#0687f1;--primaryHoverColour:#ff6768;--buttonBorderColour:#6b778d;--buttonColour:#263859;--selectedColour:#0687f1;--oppositeBackgroundColour:#0d152b}.dark-mode,.party-mode{--secondaryColour:#ff6768}.party-mode{--backgroundColour:red;--boxColour:green;--headerColour:#ff0;--textColour:#black;--smallTextColour:#fff;--errorColour:pink;--primaryColour:orange;--primaryHoverColour:purple;--buttonBorderColour:#fff;--buttonColour:#00f;--selectedColour:#f0f;--oppositeBackgroundColour:#f0f;-webkit-animation:flash 1s infinite;animation:flash 1s infinite}.party-mode h1,.party-mode h2,.party-mode img{-webkit-animation:pulse .2s infinite!important;animation:pulse .2s infinite!important}.party-mode .flavour{-webkit-animation:flash 2s .3s infinite;animation:flash 2s .3s infinite}.party-mode .bagel{-webkit-animation:flash .4s infinite;animation:flash .4s infinite;-webkit-animation-delay:.5s;animation-delay:.5s}.party-mode .bagel button{-webkit-animation:spin .5s infinite;animation:spin .5s infinite}.party-mode .bagel:nth-child(2n){animation-direction:alternate-reverse}.party-mode .bagel:nth-child(odd),.party-mode .bagel:nth-child(odd) button{animation-direction:reverse}@-webkit-keyframes pulse{0%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}to{-webkit-transform:translateX(3px);transform:translateX(3px)}}@keyframes pulse{0%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}to{-webkit-transform:translateX(3px);transform:translateX(3px)}}@-webkit-keyframes flash{0%{background:red}20%{background:#00f}40%{background:#ff0}60%{background:green}80%{background:#f0f}to{background:green}}@keyframes flash{0%{background:red}20%{background:#00f}40%{background:#ff0}60%{background:green}80%{background:#f0f}to{background:green}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.sign-in{border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.23);text-align:center;background-color:#fff;background-color:var(--boxColour);position:fixed;display:flex;align-items:flex-start;flex-direction:column;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:400px;width:100%;padding:40px;text-align:left}.sign-in .label{margin-bottom:5px}.sign-in .login-btn{margin-bottom:40px}.sign-in .registed-email{margin:10px 0;font-size:14px;color:grey;color:var(--smallTextColour);font-style:italic;text-overflow:ellipsis;width:100%;overflow:hidden}.sign-in input{margin-bottom:10px}.sign-in .other-signin-methods{width:100%;padding-top:10px;border-top:1px solid #acacac}.sign-in .validation{font-size:12px;color:#ff6700;font-style:italic;margin-bottom:10px}.sign-in .google-btn{text-transform:unset;display:flex;align-items:center;padding:5px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.sign-in .google-btn .logo{margin-right:25px;background-image:url(/static/media/google-logo.f0461a9e.svg);background-repeat:no-repeat;background-position:50%;background-size:20px;width:25px;height:25px;background-color:#fff;border-radius:3px}.sign-in .google-btn:hover{background-color:#4285f4;border-color:#4285f4;color:#fff}.list-container.bagel .list-item .bagel{display:grid;grid-gap:10px;grid-template-columns:minmax(400px,1fr) 130px 130px}.list-container.bagel .list-item .bagel .fillings{color:grey;font-size:12px}.bagel-name-input{max-width:300px;font-size:16px;font-family:Roboto Mono,monospace}.edit-bagel-container{background-color:#fff;border-radius:20px}.edit-bagel-container.new{margin:10px 0;padding:20px}.edit-bagel-container .fillings{display:grid;margin:10px 0;grid-template-columns:auto minmax(300px,1fr);background-color:#f8f8f8;padding:10px;border-radius:20px}.tags{display:flex;flex-wrap:wrap;align-items:center}.tags .tag{background-color:var(--primaryColour);color:var(--textColour);padding:10px;border-radius:50px;font-size:12px;margin-right:5px;margin-bottom:5px;cursor:pointer;height:35px}.auto-complete{position:relative}.auto-complete>input[data-open-suggestions=true]{border-radius:10px 10px 0 0}.auto-complete .suggestions{width:100%;border-radius:0 0 10px 10px;background-color:#fff;overflow:hidden;position:absolute;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.auto-complete .suggestions>div{padding:2px 10px}.auto-complete .suggestions>div[data-focus=true]{background-color:#5bc0eb;color:#fff}.auto-complete .suggestions>div:hover{background-color:#d3d3d3}
/*# sourceMappingURL=main.0ad99407.chunk.css.map */