/*!***************************************************************************** * _____ _ _ * / ____| | | | | * ___ ___ | | __ _| | ___ _ __ __| | __ _ _ __ * / __|/ _ \| | / _` | |/ _ \ '_ \ / _` |/ _` | '__| * \__ \ (_) | |___| (_| | | __/ | | | (_| | (_| | | * |___/\___/ \_____\__,_|_|\___|_| |_|\__,_|\__,_|_| * * soCalendar - Created by Stewart Orr (https://www.stewartorr.co.uk) * https://github.com/stewartorr/soCalendar * https://www.stewartorr.co.uk/socalendar * *******************************************************************************/body.socalendar-open{overflow:hidden}.socalendar{--socalendar-bg-color: #fff;--socalendar-primary-color: #099ba4;--socalendar-primary-dark: #0c8086;--socalendar-primary-color-light: #E7F8F7;--socalendar-primary-color-hover: #CEF0EF;--socalendar-secondary-color: #495057;--socalendar-bg-color: #fff;--socalendar-dark-color: #161616;--socalendar-gray-color: #999;--socalendar-silver-color: #e4e7e7;--socalendar-backdrop: rgba(9, 155, 164, 0.25);--socalendar-border-radius-dialog: 20px;--socalendar-border-radius-content: 6px;--socalendar-transition-timing-big: 0.5s;--socalendar-transition-timing-small: 0.15s;--socalendar-padding-large: 25px;--socalendar-padding-small: 20px;--socalendar-padding-gap: 2px;--socalendar-inner-gap: 12px;--socalendar-icon-size: 28px;--socalendar-width: 100vw;--socalendar-size: calc(var(--socalendar-width) - (var(--socalendar-padding-large) * 2));--socalendar-footer-size: calc(var(--socalendar-icon-size) + var(--socalendar-inner-gap));background:var(--socalendar-bg-color);border-radius:var(--socalendar-border-radius-dialog);border:0;box-shadow:0 1em 5em rgba(0,0,0,.25);display:block;padding:var(--socalendar-padding-large);position:fixed;transform:translate3d(0, 0, 0) scale(0.2);transition:all var(--socalendar-transition-timing-small) ease-out;visibility:hidden;z-index:1001;min-width:var(--socalendar-width);width:var(--socalendar-width)}.socalendar:focus-visible{outline-color:var(--socalendar-primary-color)}@media screen and (max-width: 379px){.socalendar{--socalendar-padding-large: min(5vw, 20px);--socalendar-border-radius-dialog: 12px;--socalendar-border-radius-content: 6px;--socalendar-header-font-size: 18px;max-width:100vw;margin:auto 0}}@media screen and (min-width: 380px){.socalendar{--socalendar-width: 380px;--socalendar-padding-gap: 4px;--socalendar-border-radius-dialog: 20px;--socalendar-border-radius-content: 6px;--socalendar-header-font-size: 22px;margin:auto}}.socalendar::backdrop{background:var(--socalendar-backdrop);transition:background var(--socalendar-transition-timing-big) ease}@starting-style{.socalendar::backdrop{background:rgba(0,0,0,0)}}.socalendar .socalendar-inner{display:flex;flex-direction:column;gap:var(--socalendar-inner-gap);opacity:0;transform:translate3d(0, 0, 0) scale(0.5);transition:opacity var(--socalendar-transition-timing-big) cubic-bezier(0.23, 1, 0.32, 1)}.socalendar[open]{opacity:1;visibility:visible;transform:translate3d(0, 0, 0) scale(1);transition:transform var(--socalendar-transition-timing-big) cubic-bezier(0.23, 1, 0.32, 1)}.socalendar[open] .socalendar-inner{opacity:1;transform:translate3d(0, 0, 0) scale(1);transition:all var(--socalendar-transition-timing-big) cubic-bezier(0.23, 1, 0.32, 1) var(--socalendar-transition-timing-small)}.socalendar.socalendar-visible{display:block}.socalendar .socalendar-hidden{display:none !important}.socalendar .socalendar-visually-hidden{border:0;clip-path:inset(50%);clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.socalendar .socalendar-row{align-items:center;display:flex;gap:var(--socalendar-padding-gap);justify-content:space-between}.socalendar .socalendar-label-prev,.socalendar .socalendar-label-next{align-items:center;display:flex;gap:var(--socalendar-padding-gap);height:32px}.socalendar .socalendar-label-next{justify-content:flex-end}.socalendar button{background:none;border:0;color:var(--socalendar-gray-color);cursor:pointer;line-height:1;margin:0;opacity:1;padding:0;transition:all var(--socalendar-transition-timing-small) ease;will-change:color,opacity}.socalendar button:focus-visible{outline:2px solid var(--socalendar-primary-color)}.socalendar button svg{height:var(--socalendar-icon-size);width:var(--socalendar-icon-size);vertical-align:bottom}@media screen and (min-width: 380px){.socalendar button svg{--socalendar-icon-size: 32px}}.socalendar button[disabled]{opacity:.33 !important;cursor:not-allowed !important}.socalendar button:not([disabled]):hover{color:var(--socalendar-secondary-color)}.socalendar button.socalendar-cancel,.socalendar button.socalendar-confirm,.socalendar button.socalendar-prev-year,.socalendar button.socalendar-prev-month,.socalendar button.socalendar-back{opacity:1;transition:var(--socalendar-transition-timing-small) ease var(--socalendar-transition-timing-small)}@starting-style{.socalendar button.socalendar-cancel,.socalendar button.socalendar-confirm,.socalendar button.socalendar-prev-year,.socalendar button.socalendar-prev-month,.socalendar button.socalendar-back{opacity:0;transform:translateX(5px)}}.socalendar button.socalendar-today{opacity:1;transition:var(--socalendar-transition-timing-small) ease var(--socalendar-transition-timing-small)}@starting-style{.socalendar button.socalendar-today{opacity:0}}.socalendar button.socalendar-confirm,.socalendar button.socalendar-next-year,.socalendar button.socalendar-next-month,.socalendar button.socalendar-edit{opacity:1;transition:var(--socalendar-transition-timing-small) ease var(--socalendar-transition-timing-small)}@starting-style{.socalendar button.socalendar-confirm,.socalendar button.socalendar-next-year,.socalendar button.socalendar-next-month,.socalendar button.socalendar-edit{opacity:0;transform:translateX(-5px)}}.socalendar button.socalendar-input-button{padding:5px 10px;position:absolute;right:0;top:0;bottom:0}.socalendar button.socalendar-button-label{height:1.7em;overflow:hidden;position:relative;width:50%}.socalendar button.socalendar-button-label:hover{color:var(--socalendar-dark-color)}.socalendar button.socalendar-button-label::before{content:"";position:absolute;box-shadow:0 6px 6px -4px var(--socalendar-bg-color) inset,0 -6px 6px -4px var(--socalendar-bg-color) inset;inset:0;z-index:1}.socalendar button.socalendar-button-label span{display:flex;flex-flow:column nowrap;height:1.7em;justify-content:center;line-height:1.7em;transform:translate3d(0, 0, 0);transition:all var(--socalendar-transition-timing-small) ease}.socalendar button.socalendar-button-label span:before,.socalendar button.socalendar-button-label span:after{height:1.7em}.socalendar button.socalendar-button-label span:before{content:attr(data-before)}.socalendar button.socalendar-button-label span:after{content:attr(data-after)}.socalendar button.socalendar-button-label.next span{transform:translate3d(0, -1.7em, 0)}.socalendar button.socalendar-button-label.prev span{transform:translate3d(0, 1.7em, 0)}.socalendar button.socalendar-label-month{color:var(--socalendar-dark-color);text-align:right}.socalendar button.socalendar-label-year{text-align:left}.socalendar .socalendar-label{align-items:center;color:var(--socalendar-secondary-color);display:flex;flex-flow:row nowrap;flex-grow:1;font-size:var(--socalendar-header-font-size);gap:var(--socalendar-padding-gap);justify-content:center;justify-self:stretch;transition:transform var(--socalendar-transition-timing-small) ease}.socalendar .socalendar-label button{color:inherit;font-size:var(--socalendar-header-font-size);font-weight:400;line-height:1;margin:0;padding:0}.socalendar[data-socalendar-view=month] button.socalendar-label-month{background:var(--socalendar-bg-color);box-shadow:0 0 15px 10px var(--socalendar-bg-color);color:var(--socalendar-primary-color);transform:translateX(15px);z-index:1}.socalendar[data-socalendar-view=month] button.socalendar-label-year{color:var(--socalendar-gray-color);opacity:.5}.socalendar[data-socalendar-view=year] button.socalendar-label-month{color:var(--socalendar-gray-color);opacity:.5}.socalendar[data-socalendar-view=year] button.socalendar-label-year{background:var(--socalendar-bg-color);box-shadow:0 0 15px 10px var(--socalendar-bg-color);color:var(--socalendar-primary-color);transform:translateX(-15px);z-index:1}.socalendar .socalendar-content-wrapper{display:flex;flex-direction:column;height:100%;min-height:calc(var(--socalendar-width) - var(--socalendar-footer-size) + var(--socalendar-inner-gap));overflow:hidden}.socalendar .socalendar-content-inner{display:flex;flex-flow:row nowrap;flex-grow:1;justify-content:center;transform:translate3d(0, 0, 0);will-change:transform}.socalendar .socalendar-content-inner.prev,.socalendar .socalendar-content-inner.next{transition:transform var(--socalendar-transition-timing-small) ease}.socalendar .socalendar-content-inner.prev{transform:translate3d(100%, 0, 0)}.socalendar .socalendar-content-inner.next{transform:translate3d(-100%, 0, 0)}.socalendar .socalendar-content{align-items:flex-start;display:flex;flex:0 0 100%;padding:var(--socalendar-padding-gap)}.socalendar .socalendar-content table{border:0;margin:0;width:100%}.socalendar .socalendar-content table th,.socalendar .socalendar-content table td{width:14.28571429%}.socalendar .socalendar-content table th{color:var(--socalendar-gray-color);font-weight:normal;font-size:12px;padding:.5em .33em}.socalendar .socalendar-content table th abbr{text-decoration:none}.socalendar .socalendar-content table td{text-align:center;padding:0 var(--socalendar-padding-gap) var(--socalendar-padding-gap) 0}.socalendar .socalendar-content .socalendar-month-picker,.socalendar .socalendar-content .socalendar-year-picker{list-style:none;margin:0;padding:0;display:flex;flex-flow:row wrap;flex:0 0 100%;height:100%;gap:var(--socalendar-padding-gap)}.socalendar .socalendar-content .socalendar-month-picker li,.socalendar .socalendar-content .socalendar-year-picker li{flex:1 0 calc(33.333% - var(--socalendar-padding-gap));margin:0;padding:0}.socalendar .socalendar-content .socalendar-month-picker li button,.socalendar .socalendar-content .socalendar-year-picker li button{transition:.25s;opacity:1}@starting-style{.socalendar .socalendar-content .socalendar-month-picker li button{opacity:0}}.socalendar .socalendar-content .socalendar-month-picker li:nth-child(2n) button,.socalendar .socalendar-content .socalendar-month-picker li:nth-child(4n) button{transition-delay:.03s}.socalendar .socalendar-content .socalendar-month-picker li:nth-child(3n) button,.socalendar .socalendar-content .socalendar-month-picker li:nth-child(5n) button,.socalendar .socalendar-content .socalendar-month-picker li:nth-child(7n) button{transition-delay:.07s}.socalendar .socalendar-content .socalendar-month-picker li:nth-child(6n) button,.socalendar .socalendar-content .socalendar-month-picker li:nth-child(8n) button,.socalendar .socalendar-content .socalendar-month-picker li:nth-child(10n) button{transition-delay:.11s}.socalendar .socalendar-content .socalendar-month-picker li:nth-child(9n) button,.socalendar .socalendar-content .socalendar-month-picker li:nth-child(11n) button{transition-delay:.14s}.socalendar .socalendar-content .socalendar-month-picker li:nth-child(12n) button{transition-delay:.17s}.socalendar .socalendar-content .socalendar-year-picker li{flex:0 0 calc(50% - 2px)}.socalendar .socalendar-content .socalendar-date-editor,.socalendar .socalendar-content .socalendar-year-picker-scroller{border-radius:var(--socalendar-border-radius-content);border:1px solid var(--socalendar-gray-color);margin-bottom:10px}.socalendar .socalendar-content .socalendar-date-editor .socalendar-year-picker-label,.socalendar .socalendar-content .socalendar-year-picker-scroller .socalendar-year-picker-label{font-size:var(--socalendar-header-font-size);display:flex;gap:var(--socalendar-inner-gap);align-items:center}.socalendar .socalendar-content .socalendar-date-editor .socalendar-year-picker-label .year-value,.socalendar .socalendar-content .socalendar-year-picker-scroller .socalendar-year-picker-label .year-value{overflow:hidden;display:inline-block;width:4ch}.socalendar .socalendar-content .socalendar-date-editor .socalendar-year-picker-label .separator,.socalendar .socalendar-content .socalendar-year-picker-scroller .socalendar-year-picker-label .separator{color:var(--socalendar-gray-color);font-weight:200}.socalendar .socalendar-content .socalendar-date-editor .socalendar-year-picker-label .separator svg,.socalendar .socalendar-content .socalendar-year-picker-scroller .socalendar-year-picker-label .separator svg{vertical-align:middle}.socalendar .socalendar-content .socalendar-year-picker-container{height:100%;display:flex;flex-flow:column nowrap}.socalendar .socalendar-content .socalendar-year-picker-scroller{padding:8px}.socalendar .socalendar-content .socalendar-year-picker-wrapper{height:100%;overflow:hidden;width:100%}.socalendar .socalendar-content .socalendar-year-picker-wrapper .socalendar-year-picker-inner{display:flex;flex-flow:row nowrap;height:100%;transform:translate3d(-100%, 0, 0);will-change:transform}.socalendar .socalendar-content .socalendar-year-picker-wrapper .socalendar-year-picker-inner.prev,.socalendar .socalendar-content .socalendar-year-picker-wrapper .socalendar-year-picker-inner.next{transition:transform var(--socalendar-transition-timing-small) ease}.socalendar .socalendar-content .socalendar-year-picker-wrapper .socalendar-year-picker-inner.prev{transform:translate3d(0%, 0, 0)}.socalendar .socalendar-content .socalendar-year-picker-wrapper .socalendar-year-picker-inner.next{transform:translate3d(-200%, 0, 0)}.socalendar .socalendar-content .socalendar-date-editor{display:flex;justify-content:center;overflow:hidden;position:relative}.socalendar .socalendar-content .socalendar-input{background:rgba(0,0,0,0);border-radius:var(--socalendar-border-radius-content);border:0;caret-color:var(--socalendar-primary-color);font-size:20px;font-variant-numeric:tabular-nums;outline:0 !important;padding:10px;width:10ch}.socalendar .socalendar-content button.socalendar-button{box-sizing:border-box;background:var(--socalendar-primary-color-light);border-radius:var(--socalendar-border-radius-content);color:var(--socalendar-primary-color);cursor:pointer;display:block;font-size:16px;font-weight:400;height:100%;transition:background .1s ease;will-change:background;width:100%}.socalendar .socalendar-content button.socalendar-button:not([disabled]):hover{background:var(--socalendar-primary-color-hover);color:var(--socalendar-primary-color)}.socalendar .socalendar-content button.socalendar-button[disabled]{background:var(--socalendar-silver-color) !important;color:var(--socalendar-dark-color);font-weight:300;position:relative}.socalendar .socalendar-content button.socalendar-button[disabled]::before{background:var(--socalendar-dark-color);content:"";height:1px;left:15%;position:absolute;top:50%;transform:rotate(-45deg);opacity:.5;width:70%}.socalendar .socalendar-content button.socalendar-button.is-today{background:var(--socalendar-bg-color);box-shadow:0 0 0 1px var(--socalendar-primary-color) inset}.socalendar .socalendar-content button.socalendar-button.is-outside-month{background-image:repeating-linear-gradient(-45deg, #ddd, #ddd 1px, #fff 1px, #fff 5px);color:#aaa;font-weight:300}.socalendar .socalendar-content button.socalendar-button.is-current{background:var(--socalendar-primary-color);color:var(--socalendar-bg-color)}.socalendar .socalendar-content button.socalendar-button.is-current.is-start{border-radius:var(--socalendar-border-radius-content) 0 0 var(--socalendar-border-radius-content)}.socalendar .socalendar-content button.socalendar-button.is-current.is-in-range{border-radius:0;box-shadow:2px 0 0 var(--socalendar-primary-color),-2px 0 0 var(--socalendar-primary-color)}.socalendar .socalendar-content button.socalendar-button.is-current.is-end{border-radius:0 var(--socalendar-border-radius-content) var(--socalendar-border-radius-content) 0}.socalendar .socalendar-content button.socalendar-button.is-current:hover{background:var(--socalendar-primary-dark);color:var(--socalendar-bg-color)}.socalendar .socalendar-content button.socalendar-button.is-min-date:after,.socalendar .socalendar-content button.socalendar-button.is-max-date:after{content:"";position:absolute;top:30%;width:2px;background:var(--socalendar-primary-color);height:40%}.socalendar .socalendar-content button.socalendar-button.is-min-date:after{left:1px}.socalendar .socalendar-content button.socalendar-button.is-max-date:after{right:1px}.socalendar .socalendar-content table.socalendar-date-picker button{aspect-ratio:1;position:relative}@media(prefers-reduced-motion: reduce){.socalendar,.socalendar *,.socalendar::backdrop{animation:none !important;transition:none !important;scroll-behavior:auto !important}}