:host{display:block;margin:auto;max-width:50rem;container-type:inline-size;--blue-hover: #4072a5;--gray-30: #a9a9ae;--gray-15: #d8d8db;--gray-5: #f4f4f4;--background: #ffffff;--foreground: #1c1c1e;--muted: var(--gray-5);--muted-foreground: #6b6b72;--subtle: #fbfaf8;--primary: #f27662;--primary-foreground: #ffffff;--primary-hover: #c95b48;--primary-active: #a34635;--accent: #2773aa;--destructive: #ff1c1c;--success: #34c759;--success-surface: #e8f9ec;--border: var(--gray-15);--border-strong: var(--gray-30);--input: var(--gray-15);--ring: #e56a54;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(28, 28, 30, .06);--shadow: 0 2px 20px rgba(28, 28, 30, .1);--shadow-lg: 0 12px 30px rgba(28, 28, 30, .16);--font-sans: "Favorit", "Helvetica Neue", Helvetica, Arial, sans-serif;--text-xs: .85rem;--text-sm: 1rem;--text-base: 1.15rem;--text-lg: 1.3rem;--text-xl: 1.6rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .14s;--duration: .2s;--duration-slow: .32s;color-scheme:light;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;color:var(--foreground);text-align:start;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-button{display:none;height:0;width:0}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--gray-30);border-radius:var(--radius-full)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.timezone__trigger,.format,.option,.nav-button,.back,.day,.day__today,.button,.link,.guest__remove,.input{transition:border-color var(--duration-fast),background-color var(--duration-fast),color var(--duration-fast),transform var(--duration-fast),opacity var(--duration-fast),box-shadow var(--duration-fast)}.calendar{display:flex;flex-direction:column;width:100%;margin:0 auto;overflow:hidden;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}@container (min-width: 44rem){.calendar{flex-direction:row;align-items:stretch;width:fit-content;max-width:100%}}.calendar .aside{flex-shrink:0;padding:1rem;background:var(--subtle);border-bottom:1px solid var(--border);max-width:100%}@container (min-width: 44rem){.calendar .aside{padding:1.5rem 1.25rem 1.5rem 1.5rem;width:400px;border-right:1px solid var(--border);border-bottom:0}}.calendar .main{display:flex;flex-direction:column;flex-grow:1;min-width:0;padding:1rem;max-width:100%}@container (min-width: 44rem){.calendar .main{padding:1.5rem;min-height:440px}.calendar .main:has(>[data-pane=booked]:not([hidden])),.calendar .main:has(>[data-pane=error]:not([hidden])){width:400px}}.calendar .main .timezone-bar{display:flex;flex-direction:column;align-items:flex-start;gap:.375rem;padding-top:1.25rem;margin:auto}.calendar .main .timezone-bar .label{font-size:var(--text-sm);font-weight:500}.calendar .columns{display:flex;flex-direction:column;gap:1.5rem}@container not (min-width: 44rem){.calendar .columns:has(>.times:not([hidden])) .month{display:none}}@container (min-width: 44rem){.calendar .columns{flex-direction:row}}.calendar .times{display:flex;flex-direction:column;width:100%}@container (min-width: 44rem){.calendar .times{width:240px;flex-shrink:0;display:grid;grid-template-rows:auto 1fr;position:relative}}.calendar .times .head{display:flex;align-items:center;gap:.375rem;margin-bottom:.75rem;font-size:var(--text-sm);font-weight:500}.calendar .times .head span{color:var(--muted-foreground)}.calendar .times .head .slots-back{margin-left:-.25rem}@container (min-width: 44rem){.calendar .times .head .slots-back{display:none}}.calendar .times .list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;padding-bottom:1rem}@container (min-width: 44rem){.calendar .times .list{position:absolute;grid-row:2;top:0;right:0;bottom:0;left:0}.calendar .times .list:empty{display:none}}.calendar .times .empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center;background:var(--muted);border:1px solid var(--border);border-radius:var(--radius)}.calendar .times .empty strong{font-size:var(--text-sm);font-weight:500}.calendar .times .empty p{margin:.25rem 0 0;color:var(--muted-foreground);font-size:var(--text-sm)}.meeting .rep{display:flex;align-items:center;gap:.625rem}.meeting .rep .avatar{width:2.25rem;height:2.25rem;flex-shrink:0;object-fit:cover;border-radius:var(--radius-full)}.meeting .rep p{margin:0;color:var(--muted-foreground);font-weight:500}.meeting>h2{margin:.75rem 0 0;font-family:var(--font-sans);font-size:var(--text-xl);font-weight:500;line-height:1.25}.meeting .blurb p{margin:.5rem 0 0;color:var(--muted-foreground);font-size:var(--text-sm);white-space:pre-line}.meeting .facts{display:grid;grid-template-columns:1rem 1fr;align-items:start;gap:.75rem .625rem;margin-top:1.25rem;font-size:var(--text-sm);font-weight:500}.meeting .facts .icon{display:flex;align-items:center;margin-top:.125rem;color:var(--muted-foreground)}.meeting .facts .icon svg{display:block;width:1rem;height:1rem}.meeting .facts .when{display:flex;flex-direction:column}.skeletons{display:flex;flex-direction:column;gap:.75rem}.skeletons .skeleton{display:block;background:var(--muted);border-radius:var(--radius-sm);animation:pulse 1.5s ease-in-out infinite}.skeletons .skeleton.avatar{width:2.25rem;height:2.25rem;border-radius:var(--radius-full)}.skeletons .skeleton.line{width:66%;height:1.5rem}.skeletons .skeleton.block{width:100%;height:4rem}.timezone{position:relative;min-width:0}.timezone .timezone__trigger{anchor-name:--timezone-trigger;display:flex;align-items:center;gap:.25rem;max-width:100%;min-width:0;padding:.3125rem .5rem .3125rem .625rem;font:inherit;font-size:var(--text-sm);font-weight:400;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.timezone .timezone__trigger:hover{border-color:var(--border-strong);background:var(--muted)}.timezone .timezone__trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timezone .timezone__trigger svg{width:1rem;height:1rem;flex-shrink:0;opacity:.6}.timezone .timezone__trigger>svg:last-child{margin-left:auto;transition:transform var(--duration)}.timezone .timezone__trigger[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.timezone .menu{position:fixed;inset:auto;margin:0;padding:0;border:1px solid var(--border);position-anchor:--timezone-trigger;position-area:block-end span-inline-end;position-try-fallbacks:block-start span-inline-end,flip-inline;margin-block:4px;width:26rem;max-width:min(26rem,calc(100vw - 1rem));max-height:18rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:var(--background);border-radius:var(--radius);box-shadow:var(--shadow-lg);transform-origin:top left;animation:pop-in var(--duration) var(--ease-out) both}.timezone .menu .head{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--background);border-bottom:1px solid var(--border)}.timezone .menu .head>span{color:var(--muted-foreground);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.timezone .menu .formats{display:flex;gap:.125rem;margin-left:auto;padding:.125rem;background:var(--muted);border-radius:var(--radius);font-size:var(--text-xs)}.timezone .menu .format{padding:.25rem .5rem;font:inherit;color:var(--muted-foreground);background:none;border:0;border-radius:var(--radius-sm);cursor:pointer}.timezone .menu .format.timezone__format--active{background:var(--background);color:var(--foreground);font-weight:500;box-shadow:var(--shadow-sm)}.timezone .menu .list{padding:.25rem}.timezone .menu .option{display:flex;gap:.75rem;width:100%;padding:1rem .625rem;font:inherit;font-size:var(--text-sm);text-align:left;color:inherit;background:none;border:0;border-radius:var(--radius-sm);cursor:pointer}.timezone .menu .option:hover{background:var(--muted)}.timezone .menu .option>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timezone .menu .option time{margin-left:auto;flex-shrink:0;color:var(--muted-foreground);font-variant-numeric:tabular-nums}.timezone .menu .option.timezone__option--selected{background:var(--primary);color:var(--primary-foreground)}.timezone .menu .option.timezone__option--selected time{color:inherit}.month{min-width:0;width:100%;max-width:22rem;margin-inline:auto}@container (min-width: 44rem){.month{width:22rem}}.month .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.month .head .label{font-size:var(--text-base)}.month .head .label strong{font-weight:700}.month .head .label span{color:var(--muted-foreground);font-weight:500}.month .nav{display:flex;gap:.125rem}.month .nav .nav-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font:inherit;color:var(--foreground);background:none;border:0;border-radius:var(--radius);opacity:.7;cursor:pointer}.month .nav .nav-button svg{width:1.125rem;height:1.125rem}.month .nav .nav-button[data-step="-1"] svg{transform:scaleX(-1)}.month .nav .nav-button:hover:not(:disabled){background:var(--muted);opacity:1}.month .nav .nav-button:active:not(:disabled){transform:scale(.92)}.month .nav .nav-button:disabled{opacity:.25;cursor:default}.month .weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem;padding:.875rem 0;text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.month .weekdays span{color:var(--muted-foreground);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase}@container (min-width: 44rem){.month .weekdays{margin-bottom:0;border:0}}.month .grid-wrap{position:relative}.month .grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;text-align:center;transition:opacity var(--duration)}.month .grid.month__grid--loading{opacity:.35;pointer-events:none}.month .cell{position:relative;width:100%;padding-top:100%}.month .note{margin:1rem 0 0;color:var(--muted-foreground);font-size:var(--text-sm);text-align:center}.month .day{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font:inherit;font-size:var(--text-sm);font-weight:500;color:var(--foreground);background:var(--muted);border:1.5px solid transparent;border-radius:var(--radius);cursor:pointer}.month .day:hover:not(:disabled){border-color:var(--primary)}.month .day:active:not(:disabled){transform:scale(.96)}.month .day:disabled{background:none;color:var(--gray-30);font-weight:400;cursor:default}.month .day.day--selected{color:var(--primary-foreground);border-color:transparent}.month .day.day--selected .fill{opacity:1;transform:scale(1)}.month .day.day--selected .day__today{background:var(--primary-foreground)}.month .day .fill{position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;background:var(--primary);border-radius:var(--radius);opacity:0;transform:scale(.5);transition:transform var(--duration-slow) var(--ease-out),opacity var(--duration-fast) ease-out}.month .day .day__number{position:relative;z-index:1}.month .day .day__today{position:absolute;top:50%;left:50%;z-index:1;width:5px;height:5px;background:var(--primary);border-radius:var(--radius-full);transform:translate(-50%,10px)}.month .overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.month .overlay .spinner{display:block;width:1.5rem;height:1.5rem;border:2px solid var(--border);border-top-color:var(--primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.slot{display:flex;gap:.5rem;animation:fade-up var(--duration-slow) var(--ease-out) both}.slot .slot__time{display:flex;align-items:center;justify-content:center;flex-grow:1;min-height:2.5rem;padding:.5rem;font:inherit;font-size:var(--text-sm);font-weight:700;color:var(--foreground);background:var(--background);border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color var(--duration),background-color var(--duration),color var(--duration)}.slot .slot__time:hover{border-color:var(--primary)}.slot .confirm{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--duration) var(--ease-out)}.slot .confirm>div{overflow:hidden}.slot .confirm .button{min-height:2.5rem;padding:0 1.125rem;white-space:nowrap}.slot.slot--open .slot__time{background:var(--muted);border-color:var(--primary)}.slot.slot--open .confirm{grid-template-columns:1fr}.button{padding:13px 40px;font:inherit;font-size:18px;color:var(--foreground);background:none;border:0;border-radius:var(--radius);cursor:pointer}.button:hover{background:var(--muted)}.button:active{transform:scale(.97)}.button.primary{background:var(--primary);color:var(--primary-foreground)}.button.primary:hover{background:var(--primary-hover)}.button.primary:active{background:var(--primary-active)}.button.primary:disabled{background:var(--gray-15);color:var(--gray-30);cursor:default;transform:none}.button.outline{background:var(--background);border:1px solid var(--border-strong)}.button.outline:hover{border-color:var(--primary);background:var(--muted)}.button.outline:disabled{border-color:var(--border);color:var(--gray-30);background:var(--background);cursor:default;transform:none}.button.pill{border-radius:var(--radius-full)}.link{padding:0;font:inherit;font-size:var(--text-sm);font-weight:500;color:var(--accent);background:none;border:0;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.link:hover{background:none;color:var(--blue-hover)}.back{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;margin-left:-.5rem;font:inherit;color:var(--foreground);background:none;border:0;border-radius:var(--radius);opacity:.7;cursor:pointer}.back svg{width:1.125rem;height:1.125rem;transform:scaleX(-1)}.back:hover{background:var(--muted);opacity:1}.back:active{transform:scale(.92)}.form{display:flex;flex-direction:column;gap:1rem;height:100%;width:500px;max-width:100%}.form .field .label{display:block;margin-bottom:.3125rem;font-size:var(--text-sm);font-weight:500}.form .field .error{margin:.375rem 0 0;color:var(--destructive);font-size:var(--text-xs)}.form .field .error:empty{display:none}.form .email-group{display:flex;flex-direction:column;gap:.375rem}.form .guest-open{align-self:flex-start;font-size:var(--text-xs);font-weight:400}.form .hint{margin:.375rem 0 0;color:var(--muted-foreground);font-size:var(--text-xs)}.form .submit-error{margin:0;color:var(--destructive);font-size:var(--text-sm)}.form .submit-error:empty{display:none}.form .choose-another{align-self:flex-start;margin-top:-.5rem}.form .actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:auto;padding-top:.5rem}.form .guests{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;margin-bottom:.5rem}.form .guests .guest{display:inline-flex;align-items:center;gap:.125rem;max-width:100%;padding:.1875rem .1875rem .1875rem .5rem;background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);animation:pop-in var(--duration) var(--ease-out) both}.form .guests .guest>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form .guests .guest .guest__remove{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.125rem;height:1.125rem;padding:0;color:var(--muted-foreground);background:none;border:0;border-radius:var(--radius-full);cursor:pointer}.form .guests .guest .guest__remove svg{width:.75rem;height:.75rem}.form .guests .guest .guest__remove:hover{background:var(--gray-15);color:var(--foreground)}.form .row{display:flex;align-items:stretch;gap:.5rem}.form .row .input{min-height:2.75rem}.form .row .button{flex-shrink:0;min-height:2.75rem;padding-inline:1.25rem}.input{display:block;width:100%;padding:.5625rem .75rem;font:inherit;font-size:var(--text-sm);color:var(--foreground);background:var(--background);border:1px solid var(--input);border-radius:var(--radius);outline:none}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f2766229}.input.input--invalid{border-color:var(--destructive)}.input:is(textarea){resize:vertical}.notice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.875rem;height:100%;text-align:center}.notice p{margin:0;color:var(--muted-foreground);font-size:var(--text-sm)}.booked{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2.5rem 0;text-align:center}.booked .check{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:var(--success-surface);color:var(--success);border-radius:var(--radius-full);font-size:var(--text-lg)}.booked>h2{margin:1rem 0 0;font-family:var(--font-sans);font-size:var(--text-lg);font-weight:500}.booked .detail{margin:.5rem 0 0;color:var(--muted-foreground);font-size:var(--text-sm)}.booked .designer{display:flex;flex-direction:column;align-items:center;width:100%;max-width:18rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:var(--text-sm)}.booked .designer p{margin:0}.booked .designer .designer__label{color:var(--muted-foreground);font-weight:500}.booked .designer .designer__name{margin-top:.375rem;font-weight:500}.booked .designer .designer__link{margin-top:.25rem;color:var(--primary);font-weight:500;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.booked .designer .designer__note{margin-top:.75rem;color:var(--muted-foreground)}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.is-entering{animation:fade-up var(--duration-slow) var(--ease-out) both}.is-entering .check{animation:pop-in .42s var(--ease-out) both}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}
/*# sourceMappingURL=/cdn/shop/t/550/assets/reps-calendar.css.map */