.overlay{background-color:var(--color-rgba-gray-75);bottom:0;display:none;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:100}.overlay .overlay-wrapper{height:100vh;position:relative;width:100vw}.overlay .content{background-color:var(--color-background-standard);border-radius:.75rem;margin:0 auto;max-width:60rem;padding:1.5rem;position:relative;width:72vw}.overlay .content header{background-color:var(--color-background-standard);border-bottom:1px solid var(--color-border);border-top-left-radius:.75rem;border-top-right-radius:.75rem;color:var(--color-foreground);font-family:var(--font-serif);font-size:var(--font-size-medium-large);font-weight:var(--font-weight-light);line-height:1;height:3.5rem;padding:1rem;text-align:center}.overlay .content header span:last-of-type{font-weight:var(--font-weight-normal)}.overlay .content section{background-color:var(--color-background-standard);border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;padding:2rem}.overlay .content .overlay-close{background-color:var(--color-medium-blue);border-radius:.25rem;color:#fff;display:block;font-family:var(--font-sans-serif);font-size:var(--font-size-standard);margin:0 auto;padding:.75rem 1.5rem;text-align:center}.date-select-overlay .content{max-width:24rem}.date-select-overlay .month-year-row{align-items:center;border-bottom:1px solid var(--color-border);height:3rem;width:100%}.date-select-overlay .month-year-row button{background-color:transparent;border:0;border-radius:0;height:3rem;font-size:var(--font-size-standard);padding:0;width:3rem}.date-select-overlay .month-year-row button svg{display:block;fill:var(--color-link-normal);height:1.8rem;margin:0 auto}.date-select-overlay .month-year-row button:hover svg{fill:var(--color-link-hover)}.date-select-overlay .month-year-row>div{flex:1;color:var(--color-very-dark-gray);font-family:var(--font-serif);font-size:var(--font-size-medium-large);font-weight:var(--font-weight-light);height:3rem;letter-spacing:.1rem;line-height:1;padding-top:.25rem;text-align:center;text-transform:uppercase}.date-select-overlay .month-year-row>div span:last-of-type{font-weight:var(--font-weight-normal)}.date-select-overlay .content section{padding:0 0 1rem}.date-select-overlay .weekdays div{color:var(--color-dark-gray);font-family:var(--font-sans-serif);font-weight:var(--font-weight-semibold);padding:.25rem 0;text-align:center;width:14.25%;width:calc(100%/7)}.date-select-overlay .calendar-grid{align-items:center}.date-select-overlay .calendar-grid div{padding:.5rem 0;text-align:center;width:14.25%;width:calc(100%/7)}.date-select-overlay .calendar-grid div>span{color:var(--color-dark-gray);font-family:var(--font-sans-serif);font-size:var(--font-size-standard);line-height:1;opacity:.25;padding:.5rem 0}.date-select-overlay .calendar-grid div button{background-color:transparent;border:0;border-radius:100vw;color:var(--color-dark-gray);display:inline-block;font-family:var(--font-sans-serif);font-size:var(--font-size-standard);font-weight:var(--font-weight-normal);line-height:1;margin:0;padding:.25rem .5rem;width:70%}.date-select-overlay .calendar-grid div .current-day{background-color:var(--color-link-normal);color:#fff}.date-select-overlay .calendar-grid div button:hover{background-color:var(--color-link-hover);color:#fff}.date-select-overlay .date-select-controls{border-top:1px solid var(--color-border);padding:1rem 1rem 0}.date-select-overlay .date-select-controls input{background-color:var(--color-light-gray);border:1px solid var(--color-border);border-radius:.25rem;font-family:var(--font-sans-serif);font-size:var(--font-size-standard);margin-right:3%;text-align:center;width:40%}.date-select-overlay .date-select-controls button{font-family:var(--font-sans-serif);font-size:var(--font-size-standard);width:25%}.date-select-overlay .date-select-controls button:first-of-type{background-color:var(--color-medium-blue);border-radius:.25rem;color:#fff;margin-right:3%}.date-select-overlay .date-select-controls button:first-of-type:hover{background-color:var(--color-dark-blue)}.date-select-overlay .date-select-controls button:last-of-type{background-color:transparent;color:var(--color-link-normal);font-weight:var(--font-weight-normal)}.date-select-overlay .date-select-controls button:last-of-type:hover{color:var(--color-link-hover)}.product-update-post-content .date-select-overlay .date-select-controls button:first-of-type:before{color:var(--color-link-normal)}.product-update-post-content .date-select-overlay .date-select-controls button:hover:first-of-type:before{color:var(--color-link-hover)}