.button{cursor:pointer;border-color:currentColor;transition:background .2s,color .2s}.button.disabled{cursor:no-drop!important;color:var(--dark-grey-color,#676b72)!important;border-color:var(--dark-grey-color,#676b72)!important;background-color:var(--light-grey-color,#bdbdbd)!important;outline:none!important}.button.disabled:hover{color:var(--dark-grey-color,#676b72)!important;background-color:var(--light-grey-color,#bdbdbd)!important}.button .advanced-saving-hidden{opacity:0}.button .shopfront-icon{margin-right:.5rem}.button.icon-margin-left .shopfront-icon{margin-left:.5rem}.button.icon-no-margin-right .shopfront-icon{margin-right:0}.button-generic,button.button-generic{color:var(--dark-color);background-color:var(--light-color)}.button-add,.button-retry,.button-upload,.button-success,button.button-add,button.button-retry,button.button-upload,button.button-success{background-color:var(--green-color);color:var(--light-color,#f8f8f8)}.button-add:hover,.button-retry:hover,.button-upload:hover,.button-success:hover,button.button-add:hover,button.button-retry:hover,button.button-upload:hover,button.button-success:hover,.button-add.invert-colors,.button-retry.invert-colors,.button-upload.invert-colors,.button-success.invert-colors,button.button-add.invert-colors,button.button-retry.invert-colors,button.button-upload.invert-colors,button.button-success.invert-colors{background-color:var(--light-color,#f8f8f8);color:var(--green-color)}.button-add.invert-colors:hover,.button-retry.invert-colors:hover,.button-upload.invert-colors:hover,.button-success.invert-colors:hover,button.button-add.invert-colors:hover,button.button-retry.invert-colors:hover,button.button-upload.invert-colors:hover,button.button-success.invert-colors:hover{background-color:var(--green-color);color:var(--light-color,#f8f8f8)}.button-back,.button-save,button.button-back,button.button-save{background-color:var(--blue-color);color:var(--light-color,#f8f8f8)}.button-back:hover,.button-save:hover,button.button-back:hover,button.button-save:hover,.button-back.invert-colors,.button-save.invert-colors,button.button-back.invert-colors,button.button-save.invert-colors{background-color:var(--light-color,#f8f8f8);color:var(--blue-color)}.button-back.invert-colors:hover,.button-save.invert-colors:hover,button.button-back.invert-colors:hover,button.button-save.invert-colors:hover{background-color:var(--blue-color);color:var(--light-color,#f8f8f8)}.button-save.floating{font-size:2em;position:-webkit-sticky;position:sticky;bottom:1rem;left:100%}.button-danger,button.button-danger{background-color:var(--red-color);color:var(--light-color,#f8f8f8)}.button-danger:hover,button.button-danger:hover,.button-danger.invert-colors,button.button-danger.invert-colors{background-color:var(--light-color,#f8f8f8);color:var(--red-color)}.button-danger.invert-colors:hover,button.button-danger.invert-colors:hover{background-color:var(--red-color);color:var(--light-color,#f8f8f8)}.button-cancel,.button-ok,.button-neutral,button.button-cancel,button.button-ok,button.button-neutral{background-color:var(--light-color,#f8f8f8);color:var(--dark-grey-color,#676b72)}.button-cancel:hover,.button-ok:hover,.button-neutral:hover,button.button-cancel:hover,button.button-ok:hover,button.button-neutral:hover,.button-cancel.invert-colors,.button-ok.invert-colors,.button-neutral.invert-colors,button.button-cancel.invert-colors,button.button-ok.invert-colors,button.button-neutral.invert-colors{background-color:var(--dark-color,#313439);color:var(--light-grey-color,#bdbdbd)}.button-cancel.invert-colors:hover,.button-ok.invert-colors:hover,.button-neutral.invert-colors:hover,button.button-cancel.invert-colors:hover,button.button-ok.invert-colors:hover,button.button-neutral.invert-colors:hover{background-color:var(--light-color,#f8f8f8);color:var(--dark-grey-color,#676b72)}.button-primary,button.button-primary{color:var(--light-color,#f8f8f8);background-color:#5ebbeb}.button-primary:hover,button.button-primary:hover,.button-primary.invert-colors,button.button-primary.invert-colors{background-color:var(--light-color,#f8f8f8);color:#5ebbeb}.button-primary.invert-colors:hover,button.button-primary.invert-colors:hover{color:var(--light-color,#f8f8f8);background-color:#5ebbeb}.button-warning,button.button-warning{background-color:var(--orange-color);color:var(--light-color,#f8f8f8)}.button-warning:hover,button.button-warning:hover,.button-warning.invert-colors,button.button-warning.invert-colors{background-color:var(--light-color,#f8f8f8);color:var(--orange-color)}.button-warning.invert-colors:hover,button.button-warning.invert-colors:hover{background-color:var(--orange-color);color:var(--light-color,#f8f8f8)}.dark-mode .button-add,.dark-mode .button-retry,.dark-mode .button-upload,.dark-mode .button-success,.dark-mode button.button-add,.dark-mode button.button-retry,.dark-mode button.button-upload,.dark-mode button.button-success{border-color:var(--green-color)}.dark-mode .button-back,.dark-mode .button-save,.dark-mode button.button-back,.dark-mode button.button-save{border-color:var(--blue-color)}.dark-mode .button-danger,.dark-mode button.button-danger{border-color:var(--red-color)}.dark-mode .button-cancel,.dark-mode .button-ok,.dark-mode .button-neutral,.dark-mode button.button-cancel,.dark-mode button.button-ok,.dark-mode button.button-neutral{color:#bdbdbd;background-color:#313439;border-color:#676b72}.dark-mode .button-cancel:hover,.dark-mode .button-ok:hover,.dark-mode .button-neutral:hover,.dark-mode button.button-cancel:hover,.dark-mode button.button-ok:hover,.dark-mode button.button-neutral:hover,.dark-mode .button-cancel.invert-colors,.dark-mode .button-ok.invert-colors,.dark-mode .button-neutral.invert-colors,.dark-mode button.button-cancel.invert-colors,.dark-mode button.button-ok.invert-colors,.dark-mode button.button-neutral.invert-colors{color:#f8f8f8;background-color:#676b72}.dark-mode .button-cancel.invert-colors:hover,.dark-mode .button-ok.invert-colors:hover,.dark-mode .button-neutral.invert-colors:hover,.dark-mode button.button-cancel.invert-colors:hover,.dark-mode button.button-ok.invert-colors:hover,.dark-mode button.button-neutral.invert-colors:hover{color:#bdbdbd;background-color:#313439}.dark-mode .button-primary,.dark-mode button.button-primary{color:#f8f8f8;background-color:#136e9d;border-color:#136e9d}.dark-mode .button-primary:hover,.dark-mode button.button-primary:hover,.dark-mode .button-primary.invert-colors,.dark-mode button.button-primary.invert-colors{color:#5ebbeb;background-color:#333}.dark-mode .button-primary.invert-colors:hover,.dark-mode button.button-primary.invert-colors:hover{color:#f8f8f8;background-color:#136e9d}.dark-mode .button-warning,.dark-mode button.button-warning{border-color:var(--orange-color)}h1 button{margin:0 .25rem}.bottom-buttons{flex-wrap:wrap;justify-content:space-between;display:flex}.bottom-buttons button{margin-top:0;display:inline-block}.two-buttons button{width:30%}.dropdown-button{position:relative}.dropdown-button .base-button .shopfront-icon{margin-right:0}.dropdown-button .dropdown-button-children{transform-origin:100% 0;flex-direction:column;margin-top:1rem;transition:transform .4s;display:flex;position:absolute;top:100%;right:0;overflow:hidden;transform:scale(0)}.dropdown-button .dropdown-button-children.open{transform:scale(1)}.dropdown-button .dropdown-button-children button{white-space:nowrap;margin-bottom:1rem;margin-left:auto;margin-right:0}.dropdown-button.direction-up .dropdown-button-children{transform-origin:100% 100%;margin-top:0;top:auto;bottom:100%}.date-time-picker{width:100%;display:contents;position:relative}.date-time-picker .date-time-value{justify-content:center;align-items:center;min-height:calc(2em + 1rem);padding:.5rem;display:flex;position:relative}.date-time-picker .date-time-value .date-time-text{text-align:left;flex-grow:1;padding-left:.25rem}.date-time-picker .date-time-value .date-time-text.placeholder{color:var(--dark-grey-color-15-lighter);min-height:1em}.date-time-picker .date-time-value .date-time-indicator{justify-content:center;align-items:center;width:2em;height:2em;display:flex}.date-time-picker .date-time-value .date-time-clear{cursor:pointer;justify-content:center;align-items:center;width:2em;transition:color .2s ease-in-out;display:flex;position:absolute;top:0;bottom:0;right:2em}.date-time-picker .date-time-value .date-time-clear:hover{color:#e3342f}.date-time-picker .date-time-value.clearable .date-time-text{padding-right:1.5rem}.calendar{width:95vw;max-width:800px;height:375px;color:var(--dark-color,#313439);box-sizing:border-box;box-shadow:0 0 30px 0 var(--box-shadow-darker),0 15px 30px 0 var(--box-shadow-lighter);background:#f3f3f3;flex-direction:column;padding:1rem;display:flex;position:relative}.calendar .calendar-header{align-items:center;margin-bottom:.5rem;font-size:.9em;display:flex;overflow:auto}.calendar .calendar-header .calendar-header-input{background:var(--white-color);border-radius:6px;width:125px;padding:0;display:grid}.calendar .calendar-header .calendar-header-input.time{grid-template-columns:110px 110px;width:220px}.calendar .calendar-header .calendar-header-input input{box-sizing:border-box;text-align:center;background:0 0;border:none;padding:.5rem;position:relative}.calendar .calendar-header .calendar-header-input input::-webkit-inner-spin-button{-webkit-appearance:none;display:none}.calendar .calendar-header .calendar-header-input input::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.calendar .calendar-header .calendar-header-input input::-webkit-clear-button{-webkit-appearance:none;display:none}.calendar .calendar-header .calendar-header-input input:after{content:"";background:#5ebbeb;border-radius:1px;width:0;height:1px;transition:width .15s ease-in-out;position:absolute;bottom:.25rem;left:.5rem;overflow:hidden}.calendar .calendar-header .calendar-header-input input:active,.calendar .calendar-header .calendar-header-input input:focus,.calendar .calendar-header .calendar-header-input input.selecting{outline:none}.calendar .calendar-header .calendar-header-input input:active:after,.calendar .calendar-header .calendar-header-input input:focus:after,.calendar .calendar-header .calendar-header-input input.selecting:after{width:calc(100% - 1rem)}.calendar .calendar-header .calendar-header-input-separator{color:var(--dark-grey-color,#676b72)}@media (max-width:700px){.calendar .calendar-header{justify-content:space-between;font-size:.7em}.calendar .calendar-header .calendar-header-input{width:90px}.calendar .calendar-header .calendar-header-input.time{grid-template-columns:90px 90px;width:180px}}.calendar .calendar-body{flex:1 1 0;margin:.5rem 0;overflow:hidden}.calendar .calendar-footer{justify-content:space-between;align-items:center;width:100%;height:2rem;margin-top:.5rem;display:flex}.calendar .calendar-footer .calendar-footer-buttons button{background:0 0;border:none;border-radius:6px;margin-left:1rem;padding:.5rem}.calendar .calendar-footer .calendar-footer-buttons button:hover{background:var(--light-grey-color,#bdbdbd)}.calendar .calendar-footer .calendar-footer-buttons .calendar-reset{color:var(--dark-grey-color,#676b72)}.calendar .calendar-footer .calendar-footer-buttons .calendar-done{color:#1c86f2}.calendar .calendar-footer .calendar-mode-selector{font-size:1.5rem}.calendar .calendar-footer .calendar-mode-selector .calendar-mode-selection{color:var(--dark-grey-color-10-lighter);background:0 0;border:none;border-radius:6px;margin-right:.5rem;padding:.25rem}.calendar .calendar-footer .calendar-mode-selector .calendar-mode-selection.selected{color:var(--dark-color,#313439)}.calendar .calendar-footer .calendar-mode-selector .calendar-mode-selection:hover{background:var(--light-grey-color,#bdbdbd)}.calendar .calendar-footer .calendar-mode-selector .calendar-mode-selection .shopfront-icon{margin:0}@media (max-width:700px){.calendar{max-width:400px}}.dark-mode .calendar{background:#232323}.calendar-date-picker{position:relative;overflow:hidden}.calendar-date-picker .calendar-date-picker-header .calendar-month-change{box-sizing:border-box;z-index:1;height:2rem;color:var(--dark-color,#313439);background:0 0;border:none;border-radius:6px;padding:0;font-size:1.5rem;position:absolute;top:0}.calendar-date-picker .calendar-date-picker-header .calendar-month-change .shopfront-icon{margin:0}.calendar-date-picker .calendar-date-picker-header .calendar-month-change:hover{background:var(--light-grey-color,#bdbdbd)}.calendar-date-picker .calendar-date-picker-header .previous{left:0}.calendar-date-picker .calendar-date-picker-header .next{right:0}.calendar-date-picker .calendar-date-picker-months{grid-gap:2rem;text-align:center;grid-auto-columns:calc(50% - 1rem);display:grid;transform:translate(calc(-50% - 1rem))}.calendar-date-picker .calendar-date-picker-months .calendar-date-picker-month,.calendar-date-picker .calendar-date-picker-months .calendar-animate-shell{grid-row:1/span 1}.calendar-date-picker .calendar-date-picker-months .calendar-date-picker-month .calendar-date-picker-month-header{height:2rem;color:var(--dark-color,#313439);background:0 0;border:none;border-radius:6px;padding:0 .5rem;font-size:1rem;font-weight:700;line-height:2rem}.calendar-date-picker .calendar-date-picker-months .calendar-date-picker-month .calendar-date-picker-month-header:hover{background:var(--light-grey-color,#bdbdbd)}.calendar-date-picker .calendar-date-picker-months .calendar-date-picker-month .calendar-date-picker-month-days{grid-gap:.25rem;grid-template-columns:repeat(7,1fr);margin-top:1rem;font-size:.8em;display:grid}.calendar-date-picker .calendar-date-picker-months .calendar-date-picker-month .calendar-date-picker-month-days .calendar-date-picker-month-day-name{color:var(--dark-grey-color,#676b72);font-weight:700}.calendar-date-picker .calendar-date-picker-months .calendar-date-picker-month .calendar-date-picker-month-days .calendar-date-picker-month-day{box-sizing:border-box;text-align:center;width:1.6rem;height:1.6rem;color:var(--dark-color,#313439);background:0 0;border:none;border-radius:.8rem;margin:auto;padding:0;position:relative}.calendar-date-picker .calendar-date-picker-months .calendar-date-picker-month .calendar-date-picker-month-days .calendar-date-picker-month-day:focus{outline:none;box-shadow:0 0 7px #5ebbeb}.calendar-date-picker .calendar-date-picker-months .calendar-date-picker-month .calendar-date-picker-month-days .calendar-date-picker-month-day:hover{background:#7cb9f8}.calendar-date-picker .calendar-date-picker-months .calendar-date-picker-month .calendar-date-picker-month-days .calendar-date-picker-month-day.today{color:#1c86f2}.calendar-date-picker .calendar-date-picker-months .calendar-date-picker-month .calendar-date-picker-month-days .calendar-date-picker-month-day.selected{color:var(--light-color,#f8f8f8);background:#1c86f2}.calendar-date-picker .calendar-date-picker-months .calendar-date-picker-month .calendar-date-picker-month-days .calendar-date-picker-month-range-indicator{opacity:.15;background:#1c86f2;border-radius:.8rem;height:1.6rem;margin:0 .5rem}.calendar-date-picker .calendar-date-picker-months .calendar-date-picker-month .calendar-date-picker-month-days .calendar-date-picker-month-range-indicator.hover{opacity:.1}.calendar-date-picker .calendar-date-picker-months .calendar-date-picker-month .calendar-date-picker-month-days .calendar-date-picker-month-range-indicator.start-cap{margin-left:.75rem}.calendar-date-picker .calendar-date-picker-months .calendar-date-picker-month .calendar-date-picker-month-days .calendar-date-picker-month-range-indicator.end-cap{margin-right:.75rem}.calendar-date-picker .calendar-date-picker-months.animating{transition:transform .3s ease-in-out}.calendar-date-picker .calendar-date-picker-months.animating.right{transform:translate(calc(-100% - 2rem))}.calendar-date-picker .calendar-date-picker-months.animating.left{transform:translate(0)}@media (max-width:700px){.calendar-date-picker .calendar-date-picker-months{grid-auto-columns:100%;transform:translate(calc(-100% - 2rem))}.calendar-date-picker .calendar-date-picker-months.animating{transition:transform .3s ease-in-out}.calendar-date-picker .calendar-date-picker-months.animating.right{transform:translate(calc(-200% - 4rem))}.calendar-date-picker .calendar-date-picker-months.animating.left{transform:translate(0)}}.calendar-month-picker{position:relative;overflow:hidden}.calendar-month-picker .calendar-month-picker-header .calendar-year-change{box-sizing:border-box;z-index:1;background:0 0;border:none;border-radius:6px;height:2rem;padding:0;font-size:1.5rem;position:absolute;top:0}.calendar-month-picker .calendar-month-picker-header .calendar-year-change .shopfront-icon{margin:0}.calendar-month-picker .calendar-month-picker-header .calendar-year-change:hover{background:var(--light-grey-color,#bdbdbd)}.calendar-month-picker .calendar-month-picker-header .previous{left:0}.calendar-month-picker .calendar-month-picker-header .next{right:0}.calendar-month-picker .calendar-month-picker-years{grid-gap:2rem;text-align:center;grid-auto-columns:calc(50% - 1rem);display:grid;transform:translate(calc(-50% - 1rem))}.calendar-month-picker .calendar-month-picker-years .calendar-month-picker-year,.calendar-month-picker .calendar-month-picker-years .calendar-animate-shell{grid-row:1/span 1}.calendar-month-picker .calendar-month-picker-years .calendar-month-picker-year .calendar-month-picker-year-header{height:2rem;font-size:1rem;font-weight:700;line-height:2rem}.calendar-month-picker .calendar-month-picker-years .calendar-month-picker-year .calendar-month-picker-year-months{grid-gap:.5rem;grid-template-columns:repeat(4,1fr);margin-top:1rem;display:grid}.calendar-month-picker .calendar-month-picker-years .calendar-month-picker-year .calendar-month-picker-year-months .calendar-date-picker-month-day-name{color:var(--dark-grey-color,#676b72);font-weight:700}.calendar-month-picker .calendar-month-picker-years .calendar-month-picker-year .calendar-month-picker-year-months .calendar-month-picker-year-month{box-sizing:border-box;background:var(--light-grey-color-15-lighter);border:none;border-radius:6px;width:100%;margin:auto;padding:1rem;position:relative}.calendar-month-picker .calendar-month-picker-years .calendar-month-picker-year .calendar-month-picker-year-months .calendar-month-picker-year-month:focus{outline:none;box-shadow:0 0 7px #5ebbeb}.calendar-month-picker .calendar-month-picker-years .calendar-month-picker-year .calendar-month-picker-year-months .calendar-month-picker-year-month.today{color:#1c86f2}.calendar-month-picker .calendar-month-picker-years .calendar-month-picker-year .calendar-month-picker-year-months .calendar-month-picker-year-month:hover{background:var(--light-grey-color,#bdbdbd)}.calendar-month-picker .calendar-month-picker-years .calendar-month-picker-year .calendar-month-picker-year-months .calendar-month-picker-year-month.selected{color:var(--light-color,#f8f8f8);background:#1c86f2}.calendar-month-picker .calendar-month-picker-years.animating{transition:transform .3s ease-in-out}.calendar-month-picker .calendar-month-picker-years.animating.right{transform:translate(calc(-100% - 2rem))}.calendar-month-picker .calendar-month-picker-years.animating.left{transform:translate(0)}@media (max-width:700px){.calendar-month-picker .calendar-month-picker-years{grid-auto-columns:100%;transform:translate(calc(-100% - 2rem))}.calendar-month-picker .calendar-month-picker-years.animating{transition:transform .3s ease-in-out}.calendar-month-picker .calendar-month-picker-years.animating.right{transform:translate(calc(-200% - 4rem))}.calendar-month-picker .calendar-month-picker-years.animating.left{transform:translate(0)}}.currency-input-wrapper{width:100%;height:53px;position:relative}.currency-input-wrapper:before{content:var(--currency-symbol,"$");color:var(--dark-grey-color,#676b72);line-height:53px;position:absolute}.currency-input-wrapper.currency-before .currency-input{padding-left:calc(1.5em + var(--currency-symbol-width,1ch))}.currency-input-wrapper.currency-before:before{left:1em}.currency-input-wrapper.currency-after .currency-input{padding-right:calc(1.5em + var(--currency-symbol-width,1ch))}.currency-input-wrapper.currency-after:before{right:1em}.percentage-input-wrapper{width:100%;position:relative}.percentage-input-wrapper .percentage-input{padding-right:2em}.percentage-input-wrapper:before{content:"%";color:var(--dark-grey-color,#676b72);position:absolute;top:1em;right:1em}.padding-input{align-items:center;display:flex}.padding-input .padding-inputs{grid-gap:.5rem;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid}.padding-input .padding-display{box-sizing:border-box;background:var(--white-color);border:thin solid;width:40%;max-width:200px;height:100%;min-height:64px;margin-right:.25rem;padding:.5rem;position:relative}.padding-input .padding-display .padding-display-item{z-index:0;background:var(--light-grey-color,#bdbdbd);justify-content:center;align-items:center;display:flex;position:absolute}.padding-input .padding-display .padding-display-item.selected{z-index:1;background:#add3fa}.padding-input .padding-display .padding-display-item.top{height:30%;min-height:18px;top:0;left:0;right:0}.padding-input .padding-display .padding-display-item.left{width:30%;min-width:18px;top:0;bottom:0;left:0}.padding-input .padding-display .padding-display-item.right{width:30%;min-width:18px;top:0;bottom:0;right:0}.padding-input .padding-display .padding-display-item.bottom{height:30%;min-height:18px;bottom:0;left:0;right:0}.html-editor{border:solid thin var(--border-color);background:#fff}.html-editor .rdw-editor-main{padding:0 1rem}.html-editor .public-DraftStyleDefault-ltr{text-align:inherit!important}.html-editor.new-edit-form{border-color:#404040;border-radius:.5rem}.html-editor.new-edit-form .rdw-editor-toolbar{border:0;border-bottom:thin solid #404040;border-radius:.5rem .5rem 0 0}.dark-mode .html-editor{background:#232323}.dark-mode .html-editor .rdw-editor-toolbar{background:#333}.dark-mode .html-editor .rdw-option-wrapper{color:#000}.dark-mode .html-editor.new-edit-form{border-color:#a3a3a3}.dark-mode .html-editor.new-edit-form .rdw-editor-toolbar{border-bottom:thin solid #a3a3a3}.clearable-input-wrapper{position:relative}.clearable-input-wrapper.loading .clearable-input,.clearable-input-wrapper.clearable .clearable-input{padding-right:3em}.clearable-input-wrapper.loading.clearable .clearable-input{padding-right:5.5em}.clearable-input-wrapper .clearable-input-loading,.clearable-input-wrapper .clearable-input-clear{color:var(--dark-grey-color,#676b72);opacity:.7;height:1em;margin:auto;font-size:1.5em;position:absolute;top:0;bottom:0}.clearable-input-wrapper .clearable-input-clear{cursor:pointer;transition:opacity .3s ease-in-out;right:.5em}.clearable-input-wrapper .clearable-input-clear:hover{opacity:.9}.clearable-input-wrapper .clearable-input-loading{right:.5em}.clearable-input-wrapper.clearable .clearable-input-loading{right:2em}.clearable-input-wrapper .clearable-input:focus~.clearable-input-loading,.clearable-input-wrapper .clearable-input:focus~.clearable-input-clear{color:var(--dark-color,#313439)}.check-box input[type=checkbox]{display:none}.date-time-format-input{display:flex}.date-time-format-input input{flex:1 1 0}.date-time-format-input .date-time-format-example{border:thin solid;border-left:none;max-width:30%;padding:1em}.date-time-format-input .date-time-format-example span{color:var(--dark-grey-color,#676b72);word-break:break-all}.calendar-time-picker{align-items:center;height:100%;display:flex}.calendar-time-picker .calendar-time-picker-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.calendar-time-picker .calendar-time-picker-wrapper .colon-separator{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--dark-grey-color,#676b72);padding:0 1rem;font-size:2rem}.calendar-time-picker .calendar-time-picker-wrapper .calendar-time-picker-track{text-align:center;flex-direction:column;display:flex}.calendar-time-picker .calendar-time-picker-wrapper .calendar-time-picker-track .calendar-time-picker-track-list{perspective:230px;perspective-origin:50%;transform-origin:50%;width:3rem;height:9rem;transform-style:preserve-3d;margin:auto;font-size:2.5rem;position:relative;overflow:hidden}.calendar-time-picker .calendar-time-picker-wrapper .calendar-time-picker-track .calendar-time-picker-track-list .calendar-time-picker-track-list-slide{position:absolute;top:3.2rem;left:0;right:0;transform:translate(0)}.calendar-time-picker .calendar-time-picker-wrapper .calendar-time-picker-track .calendar-time-picker-track-list .calendar-time-picker-track-list-slide .calendar-time-picker-track-item{color:var(--dark-color,#313439);-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;width:100%;position:absolute}.calendar-time-picker .calendar-time-picker-wrapper .calendar-time-picker-track .calendar-time-picker-track-list .calendar-time-picker-track-list-slide .calendar-time-picker-track-item.selected{cursor:initial}.calendar-time-picker .calendar-time-picker-wrapper .calendar-time-picker-track .calendar-time-picker-track-list:after{content:"";pointer-events:none;background:linear-gradient(#f3f3f3 0%,rgba(243,243,243,0) 30%,rgba(243,243,243,0) 70%,#f3f3f3 100%);position:absolute;top:0;bottom:0;left:0;right:0}.calendar-time-picker .calendar-time-picker-wrapper .calendar-time-picker-track .calendar-time-picker-track-button{color:var(--dark-grey-color,#676b72);background:0 0;border:none;border-radius:6px;padding:0;font-size:2rem}.calendar-time-picker .calendar-time-picker-wrapper .calendar-time-picker-track .calendar-time-picker-track-button .shopfront-icon{margin:0}.calendar-time-picker .calendar-time-picker-wrapper .calendar-time-picker-track .calendar-time-picker-track-button:hover{background:var(--light-grey-color,#bdbdbd)}.calendar-time-picker .calendar-time-picker-wrapper .calendar-time-picker-track .calendar-time-picker-track-button.decrement{margin-bottom:.5rem}.calendar-time-picker .calendar-time-picker-wrapper .calendar-time-picker-track .calendar-time-picker-track-button.increment{margin-top:.5rem}@media (max-width:700px){.calendar-time-picker .calendar-time-picker-wrapper .colon-separator{padding:0 .25rem;font-size:1.5rem}.calendar-time-picker .calendar-time-picker-wrapper .calendar-time-picker-track .calendar-time-picker-track-list{width:2rem;font-size:1.75rem}.calendar-time-picker .calendar-time-picker-wrapper .calendar-time-picker-track .calendar-time-picker-track-list .calendar-time-picker-track-list-slide{top:3.55rem}}.dark-mode .calendar-time-picker .calendar-time-picker-wrapper .calendar-time-picker-track .calendar-time-picker-track-list:after{background:linear-gradient(#232323 0%,rgba(35,35,35,0) 30%,rgba(35,35,35,0) 70%,#232323 100%)}