body{min-height:100vh;background-color:#fff}main{max-width:1024px;padding:64px;margin:0 auto}main h2{margin-bottom:16px;font-size:36px;line-height:1.5;text-align:center}@media(max-width:768px){main h2{font-size:24px}}main hr{height:2px;background-color:#000}@media(max-width:768px){main{padding:32px}}@media(max-width:576px){main{padding:24px}}header{display:flex;align-items:center;justify-content:center;margin-bottom:32px}header p{font-size:28px;font-weight:400;text-align:center}@media(max-width:576px){header p{font-size:20px}}@media(max-width:768px){header{margin-bottom:24px}}.date-picker{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}@media(max-width:1024px){.date-picker{grid-template-columns:100%}}@media(max-width:768px){.date-picker{gap:12px;margin-bottom:24px}}label{font-size:24px;line-height:1.5;margin-bottom:16px}@media(max-width:768px){label{font-size:20px;margin-bottom:0}}@media(max-width:576px){label{font-size:16px;margin-bottom:0}}input{width:100%;max-width:150px;padding:8px 12px;border-radius:12px;box-shadow:0 0 2px 0 #000;border:1px solid #000;color:#000;transition:border-width .3s,border-color .3s;outline:none}input::placeholder{color:#000;font-weight:100}input:active,input:focus,input:focus-visible,input:hover{border-color:#3b82f6}input:disabled{box-shadow:0 0 2px 0 #3b82f6;border-color:#b8b8b8}input:disabled::placeholder{color:#b8b8b8}.date-picker__container{display:grid;grid-column-gap:16px;column-gap:16px;grid-template-columns:160px 200px}@media(max-width:576px){.date-picker__container{row-gap:8px;grid-template-columns:100%}}.data-picker__description{margin-bottom:24px}.data-picker__error-message{color:crimson}.data-picker__error-message,.data-picker__target-date{margin:16px 0;font-size:24px}@media(max-width:768px){.data-picker__error-message,.data-picker__target-date{font-size:20px}}.data-picker__result{margin-top:32px}.data-picker__day{display:grid;grid-template-columns:150px 500px;justify-content:center;grid-column-gap:56px;column-gap:56px;padding-bottom:24px}.data-picker__day .day{display:none;font-size:16px;font-weight:700}@media(max-width:768px){.data-picker__day .day{display:block}}.data-picker__day .date{font-size:32px;font-weight:700;margin-bottom:16px}@media(max-width:768px){.data-picker__day .date{font-size:24px;margin-bottom:12px}}@media(max-width:576px){.data-picker__day .date{font-size:20px}}.data-picker__day .day-of-week{text-transform:capitalize}.data-picker__day:last-child .data-picker__day-description:after{display:none}@media(max-width:768px){.data-picker__day{grid-template-columns:100%;margin-left:32px}}.data-picker__actions h4{font-size:20px;margin-bottom:8px}.data-picker__actions .action{display:flex;align-items:center;font-size:18px;font-weight:100}.data-picker__day-number{font-size:32px;font-weight:700}@media(max-width:768px){.data-picker__day-number{display:none}}.data-picker__day-description{position:relative;display:flex;flex-direction:column;padding-bottom:40px}.data-picker__day-description:before{top:14px;left:-34px;width:12px;height:12px;border:2px solid #c9bec9;border-radius:50%}@media(max-width:768px){.data-picker__day-description:before{top:2px}}.data-picker__day-description:after{top:34px;left:-27px;width:2px;height:100%;background-color:#c9bec9}@media(max-width:768px){.data-picker__day-description:after{top:22px}}.data-picker__day-description:after,.data-picker__day-description:before{content:"";position:absolute}@media(max-width:576px){.data-picker__day-description{padding-bottom:20px}}.react-datepicker{border-radius:.75rem!important;border:1px solid #e2e8f0!important;background-color:#fff!important;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important;overflow:hidden!important}.react-datepicker__header{background-color:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;padding-top:.75rem!important;color:#1e293b!important}.react-datepicker-time__header,.react-datepicker__current-month,.react-datepicker__day-name{color:#1e293b!important;font-weight:600!important}.react-datepicker__month-container{background-color:#fff!important}.react-datepicker__navigation{top:12px!important}.react-datepicker__navigation-icon:before{border-color:#64748b!important}.react-datepicker__day{color:#1e293b!important;margin:.2rem!important;border-radius:.375rem!important;width:2rem!important;height:2rem!important;line-height:2rem!important}.react-datepicker__day:hover{background-color:#f1f5f9!important}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected{background-color:#3b82f6!important;color:#fff!important}.react-datepicker__day--keyboard-selected{background-color:#dbeafe!important;color:#1e40af!important}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range){background-color:rgba(59,130,246,.3)!important}.react-datepicker__day--disabled{color:#cbd5e1!important;cursor:not-allowed!important}.react-datepicker__triangle{border-bottom-color:#f8fafc!important}.react-datepicker__triangle:before{border-bottom-color:#e2e8f0!important}.react-datepicker-popper{z-index:10!important}@media(max-width:640px){.react-datepicker{width:58vw!important;max-width:58vw!important;left:0!important;transform:translateX(0)!important}.react-datepicker__day{width:1.8rem!important;height:1.8rem!important;line-height:1.8rem!important;margin:.15rem!important}}.timeline-dot{@apply absolute w-3 h-3 rounded-full bg-blue-500 left-0 border-4 border-white shadow-sm;top:1.25rem;z-index:10}.timeline-line{@apply absolute w-0.5 bg-slate-200 left-1.5 top-0 bottom-0;z-index:5}@font-face{font-family:FuturaPT;src:url(/surfbreak-calendar/fonts/FuturaPT-Light.woff) format("woff2");font-weight:200}@font-face{font-family:FuturaPT;src:url(/surfbreak-calendar/fonts/FuturaPT-Medium.woff) format("woff2");font-weight:400}@font-face{font-family:FuturaPT;src:url(/surfbreak-calendar/fonts/FuturaPT-Bold.woff) format("woff2");font-weight:700}:root{--foreground-rgb:15,23,42;--background-rgb:255,255,255}*{box-sizing:content-box;margin:0;padding:0;font-family:FuturaPT,Montserrat,Montserrat Fallback,Arial,sans-serif}body{color:rgb(var(--foreground-rgb));background:rgb(var(--background-rgb))}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/3f69592b2fe603c7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6325a8417175c41d-s.p.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/021bc4481ed92ece-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/99b7f73d5af7c3e2-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4f05ba3a6752a328-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/3f69592b2fe603c7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/6325a8417175c41d-s.p.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/021bc4481ed92ece-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/99b7f73d5af7c3e2-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/4f05ba3a6752a328-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/3f69592b2fe603c7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/6325a8417175c41d-s.p.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/021bc4481ed92ece-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/99b7f73d5af7c3e2-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/4f05ba3a6752a328-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Montserrat Fallback;src:local("Arial");ascent-override:85.79%;descent-override:22.25%;line-gap-override:0.00%;size-adjust:112.83%}.__className_f02322{font-family:Montserrat,Montserrat Fallback;font-style:normal}