.screen-map__pin{z-index:10;--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-500) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:1rem;height:1rem;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1));border-radius:9999px;place-items:center;font-size:9px;font-weight:900;line-height:1;display:grid;position:absolute}.screen-map__pin:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-slate-900) / var(--tw-ring-opacity,1))}@media (min-width:640px){.screen-map__pin{width:18px;height:18px;font-size:10px}}.screen-map__pin--corner{top:-.625rem;right:-.375rem}.screen-map__pin--side{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));top:50%;left:-1.5rem}.screen-map__pin--corner-left{top:-.625rem;left:-.375rem}.screen-map__pin--below{bottom:-.625rem;right:-.375rem}@media (min-width:640px){.screen-map__pin--below{display:none}}.screen-map__pin--calendar-button{top:-.5rem;right:-.75rem}.screen-map__pin--calendar-panel{top:-.5rem;right:-.5rem}.screen-map__pin--player{top:-.625rem;right:-.5rem}.screen-map__pin--chat{top:-.5rem;left:-.625rem}.screen-map__pin--to-top{top:-.25rem;left:-.75rem}.screen-map__mock-button{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));border-radius:.375rem;place-items:center;width:1.25rem;height:1.25rem;font-size:9px;display:grid;position:relative}.screen-map__mock-button:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}@media (min-width:640px){.screen-map__mock-button{width:1.5rem;height:1.5rem;font-size:11px}}.screen-map>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.screen-map__frame{-webkit-user-select:none;user-select:none;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));--tw-shadow:0 12px 30px -18px #0f172a73;--tw-shadow-colored:0 12px 30px -18px var(--tw-shadow-color);width:100%;max-width:42rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:20px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}.screen-map__frame:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-950) / var(--tw-bg-opacity,1));border-color:#ffffff1a}.screen-map__browser-bar{background-color:rgb(var(--palette-slate-200) / .8);align-items:center;gap:.25rem;padding:.375rem .75rem;display:flex}.screen-map__browser-bar:is(.dark *){background-color:#ffffff0d}.screen-map__dot-red{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-400) / var(--tw-bg-opacity,1));border-radius:9999px;width:.5rem;height:.5rem}.screen-map__dot-amber{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1));border-radius:9999px;width:.5rem;height:.5rem}.screen-map__dot-green{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1));border-radius:9999px;width:.5rem;height:.5rem}.screen-map__url-bar{background-color:#fffc;border-radius:.25rem;flex:1;max-width:12rem;height:.75rem;margin-left:.5rem}.screen-map__url-bar:is(.dark *){background-color:#ffffff1a}.screen-map__notice{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:#2a1033 var(--tw-gradient-from-position);--tw-gradient-to:#1b1240 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #241543 var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:8px;font-weight:700;display:flex;position:relative}@media (min-width:640px){.screen-map__notice{font-size:9px}}.screen-map__notice-today{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-500) / var(--tw-bg-opacity,1));border-radius:.25rem;padding-left:.25rem;padding-right:.25rem;line-height:1.25}.screen-map__notice-text{text-overflow:ellipsis;white-space:nowrap;opacity:.9;overflow:hidden}.screen-map__notice-dday{background-color:rgb(var(--palette-pink-500) / .9);border-radius:.25rem;margin-left:auto;padding-left:.25rem;padding-right:.25rem;line-height:1.25;position:relative}.screen-map__header{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(var(--palette-slate-100) / var(--tw-border-opacity,1));background-color:#fffffff2;align-items:center;gap:.375rem;padding:.5rem .75rem;display:flex;position:relative}.screen-map__header:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));border-color:#ffffff0d}@media (min-width:640px){.screen-map__header{gap:.5rem}}.screen-map__brand{flex-shrink:0;align-items:center;gap:.25rem;display:flex;position:relative}.screen-map__avatar{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--palette-pink-300) / 1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-violet-300) / 1) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);border-radius:9999px;width:1.25rem;height:1.25rem}.screen-map__name{font-family:var(--font-display), var(--font-geist-sans), system-ui, sans-serif;--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));font-size:10px;display:none}.screen-map__name:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}@media (min-width:640px){.screen-map__name{font-size:.75rem;line-height:1rem;display:inline}}.screen-map__menu{align-items:center;gap:.25rem;min-width:0;margin-left:auto;margin-right:auto;display:none;position:relative}@media (min-width:1000px){.screen-map__menu{display:flex}}.screen-map__menu-pill{white-space:nowrap;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));border-radius:.375rem;padding:.125rem .375rem;font-size:9px;font-weight:700}.screen-map__menu-pill:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.screen-map__tools{flex-shrink:0;align-items:center;gap:.25rem;margin-left:auto;display:flex}@media (min-width:640px){.screen-map__tools{gap:.375rem}}@media (min-width:1000px){.screen-map__tools{margin-left:0}}.screen-map__links{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));border-radius:.375rem;place-items:center;width:1.25rem;height:1.25rem;font-size:9px;display:none;position:relative}.screen-map__links:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}@media (min-width:640px){.screen-map__links{width:1.5rem;height:1.5rem;font-size:11px;display:inline-grid}}.screen-map__login{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;height:1.25rem;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));border-radius:.375rem;align-items:center;gap:.125rem;padding-left:.25rem;padding-right:.25rem;font-size:9px;font-weight:700;display:flex;position:relative}.screen-map__login:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}@media (min-width:640px){.screen-map__login{height:1.5rem;padding-left:.375rem;padding-right:.375rem;font-size:10px}}.screen-map__login-label{display:none}@media (min-width:640px){.screen-map__login-label{display:inline}}.screen-map__search{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:4rem;height:1.5rem;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));border-radius:.375rem;align-items:center;gap:.25rem;padding-left:.375rem;padding-right:.375rem;font-size:9px;display:none;position:relative}.screen-map__search:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}@media (min-width:1000px){.screen-map__search{display:flex}}.screen-map__search-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (min-width:1000px){.screen-map__compact-only{display:none}}.screen-map__hamburger{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:1.25rem;height:1.25rem;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.375rem;place-items:center;font-size:10px;font-weight:900;display:grid;position:relative}.screen-map__hamburger:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}@media (min-width:640px){.screen-map__hamburger{width:1.5rem;height:1.5rem;font-size:.75rem;line-height:1rem}}@media (min-width:1000px){.screen-map__hamburger{display:none}}.screen-map__body{background-image:linear-gradient(to bottom, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--palette-pink-50) / .7) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);height:11rem;position:relative}.screen-map__body:is(.dark *){--tw-gradient-from:#ffffff08 var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}@media (min-width:640px){.screen-map__body{height:14rem}}.screen-map__content{position:absolute;top:.75rem;left:2.25rem;right:2.25rem}.screen-map__content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}@media (min-width:640px){.screen-map__content{left:3.5rem;right:3.5rem}}@media (min-width:1024px){.screen-map__content{left:7rem}}.screen-map__hero{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--palette-pink-100) / 1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-violet-100) / 1) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);border-radius:.75rem;height:2.5rem}.screen-map__hero:is(.dark *){--tw-gradient-from:rgb(var(--palette-pink-500) / .15) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-violet-500) / .15) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}@media (min-width:640px){.screen-map__hero{height:3.5rem}}.screen-map__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.screen-map__card{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);height:2rem;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-slate-100) / var(--tw-ring-opacity,1));border-radius:.5rem}.screen-map__card:is(.dark *){--tw-ring-color:#ffffff0d;background-color:#ffffff0d}@media (min-width:640px){.screen-map__card{height:3rem}}.screen-map__strip{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);height:1.5rem;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-slate-100) / var(--tw-ring-opacity,1));border-radius:.5rem}.screen-map__strip:is(.dark *){--tw-ring-color:#ffffff0d;background-color:#ffffff0d}@media (min-width:640px){.screen-map__strip{height:2rem}}.screen-map__calendar-button{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-500) / var(--tw-text-opacity,1));--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-slate-200) / var(--tw-ring-opacity,1));border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;flex-direction:column;align-items:center;padding:.25rem;font-size:8px;font-weight:900;line-height:1.25;display:flex;position:absolute;top:2.5rem;left:0}.screen-map__calendar-button:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-ring-color:#ffffff1a}@media (min-width:640px){.screen-map__calendar-button{top:3.5rem}}@media (min-width:1024px){.screen-map__calendar-button{display:none}}.screen-map__calendar-panel{--tw-text-opacity:1;width:5.5rem;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-pink-100) / var(--tw-ring-opacity,1));background-color:#fffffff2;border-radius:.5rem;flex-direction:column;gap:.125rem;padding:.25rem .375rem;font-size:7.5px;font-weight:700;line-height:1.25;display:none;position:absolute;top:.75rem;left:.375rem}.screen-map__calendar-panel:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1));--tw-ring-color:#ffffff1a}@media (min-width:1024px){.screen-map__calendar-panel{display:flex}}.screen-map__calendar-head{--tw-text-opacity:1;color:rgb(var(--palette-pink-500) / var(--tw-text-opacity,1));justify-content:space-between;align-items:center;display:flex}.screen-map__calendar-head:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-pink-300) / var(--tw-text-opacity,1))}.screen-map__calendar-collapse{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.screen-map__calendar-title{--tw-text-opacity:1;color:rgb(var(--palette-indigo-600) / var(--tw-text-opacity,1))}.screen-map__calendar-title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-indigo-300) / var(--tw-text-opacity,1))}.screen-map__calendar-sub{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));padding-left:.375rem}.screen-map__calendar-sub:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.screen-map__player{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-slate-200) / var(--tw-ring-opacity,1));border-top-left-radius:.5rem;border-top-right-radius:.5rem;align-items:center;gap:.25rem;padding:.25rem .375rem .125rem;font-size:8px;font-weight:700;display:flex;position:absolute;bottom:0;left:.75rem}.screen-map__player:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1));--tw-ring-color:#ffffff1a}@media (min-width:640px){.screen-map__player{font-size:9px}}.screen-map__player-icon{--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-200) / var(--tw-bg-opacity,1));border-radius:.25rem;place-items:center;width:1rem;height:1rem;display:grid}.screen-map__player-icon:is(.dark *){background-color:rgb(var(--palette-pink-500) / .3)}.screen-map__player-caret{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.screen-map__floating{flex-direction:column;align-items:center;gap:.375rem;display:flex;position:absolute;bottom:.5rem;right:.5rem}.screen-map__chat{--tw-bg-opacity:1;background-color:rgb(var(--palette-violet-500) / var(--tw-bg-opacity,1));--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);width:1.75rem;height:1.75rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:9999px;place-items:center;font-size:11px;display:grid;position:relative}.screen-map__to-top{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);width:1.5rem;height:1.5rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-slate-200) / var(--tw-ring-opacity,1));border-radius:.5rem;place-items:center;font-size:10px;display:grid;position:relative}.screen-map__to-top:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-ring-color:#ffffff1a}.screen-map__caption{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.screen-map__legend{-moz-column-gap:1.5rem;gap:.5rem 1.5rem;display:grid}@media (min-width:640px){.screen-map__legend{grid-template-columns:repeat(2,minmax(0,1fr))}}.screen-map__legend-item{--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));align-items:flex-start;gap:.5rem;font-size:12px;line-height:1.625;display:flex}.screen-map__legend-item:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}@media (min-width:640px){.screen-map__legend-item{font-size:13px}}.screen-map__legend-num{--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-500) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:1.25rem;height:1.25rem;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:9999px;flex-shrink:0;place-items:center;margin-top:.125rem;font-size:10px;font-weight:900;display:grid}.screen-map__legend-text{word-break:keep-all;min-width:0}.screen-map__legend-name{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));font-weight:900}.screen-map__legend-name:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}
.guide-mock>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.guide-mock__frame{-webkit-user-select:none;user-select:none;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));--tw-shadow:0 12px 30px -18px #0f172a73;--tw-shadow-colored:0 12px 30px -18px var(--tw-shadow-color);width:100%;max-width:36rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:20px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}.guide-mock__frame:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-950) / var(--tw-bg-opacity,1));border-color:#ffffff1a}.guide-mock__bar{background-color:rgb(var(--palette-slate-200) / .8);align-items:center;gap:.25rem;padding:.375rem .75rem;display:flex}.guide-mock__bar:is(.dark *){background-color:#ffffff0d}.guide-mock__dot{border-radius:9999px;width:.5rem;height:.5rem}.guide-mock__dot--red{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-400) / var(--tw-bg-opacity,1))}.guide-mock__dot--amber{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.guide-mock__dot--green{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.guide-mock__url{background-color:#fffc;border-radius:9999px;flex:1;height:.625rem;margin-left:.5rem}.guide-mock__url:is(.dark *){background-color:#ffffff1a}.guide-mock__page{position:relative}.guide-mock__page>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.guide-mock__page{padding:.625rem}@media (min-width:640px){.guide-mock__page>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.guide-mock__page{padding:.875rem}}.guide-mock__backdrop>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.guide-mock__backdrop{opacity:.4}.guide-mock__box{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.5rem;padding:.375rem;position:relative}.guide-mock__box:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));border-color:#ffffff1a}@media (min-width:640px){.guide-mock__box{padding:.5rem}}.guide-mock__box--hero{--tw-border-opacity:1;border-color:rgb(var(--palette-pink-200) / var(--tw-border-opacity,1));background-image:linear-gradient(to bottom right, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--palette-pink-50) / 1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-violet-50) / 1) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.guide-mock__box--hero:is(.dark *){border-color:rgb(var(--palette-pink-400) / .2);--tw-gradient-from:rgb(var(--palette-pink-500) / .1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-violet-500) / .1) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.guide-mock__box--indigo{--tw-border-opacity:1;border-color:rgb(var(--palette-indigo-200) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-indigo-50) / .7)}.guide-mock__box--indigo:is(.dark *){border-color:rgb(var(--palette-indigo-400) / .2);background-color:rgb(var(--palette-indigo-500) / .1)}.guide-mock__box--amber{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1));background-color:#fffbebb3}.guide-mock__box--amber:is(.dark *){background-color:#f59e0b1a;border-color:#fbbf2433}.guide-mock__box--emerald{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1));background-color:#ecfdf5b3}.guide-mock__box--emerald:is(.dark *){background-color:#10b9811a;border-color:#34d39933}.guide-mock__box--dialog{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:.75rem}.guide-mock__row{align-items:center;gap:.25rem;min-width:0;display:flex;position:relative}.guide-mock__row--between{justify-content:space-between}.guide-mock__row--wrap{flex-wrap:wrap}.guide-mock__row--end{justify-content:flex-end}.guide-mock__row--pin{padding-right:.75rem}.guide-mock__row--spaced{gap:.625rem}@media (min-width:640px){.guide-mock__row--spaced{gap:.875rem}}.guide-mock__col{flex-direction:column;gap:.25rem;min-width:0;display:flex}.guide-mock__grid{gap:.25rem;display:grid}@media (min-width:640px){.guide-mock__grid{gap:.375rem}}.guide-mock__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-mock__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-mock__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-mock__grid--7{grid-template-columns:repeat(7,minmax(0,1fr))}.guide-mock__grid--main{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.guide-mock__line{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1));border-radius:9999px;height:.375rem;display:block}.guide-mock__line:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.guide-mock__line--20{width:20%}.guide-mock__line--40{width:40%}.guide-mock__line--60{width:60%}.guide-mock__line--80{width:80%}.guide-mock__line--full{width:100%}.guide-mock__line--strong{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-300) / var(--tw-bg-opacity,1));height:.5rem}.guide-mock__line--strong:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-600) / var(--tw-bg-opacity,1))}.guide-mock__label{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));font-size:8px;font-weight:900;line-height:1.25;overflow:hidden}.guide-mock__label:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}@media (min-width:640px){.guide-mock__label{font-size:10px}}.guide-mock__label--muted{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-weight:700}.guide-mock__label--muted:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.guide-mock__label--title{font-size:10px}@media (min-width:640px){.guide-mock__label--title{font-size:.75rem;line-height:1rem}}.guide-mock__label--big{--tw-text-opacity:1;color:rgb(var(--palette-pink-500) / var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem}.guide-mock__label--big:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-pink-300) / var(--tw-text-opacity,1))}@media (min-width:640px){.guide-mock__label--big{font-size:1.125rem;line-height:1.75rem}}.guide-mock__chip{white-space:nowrap;border-radius:.375rem;flex-shrink:0;align-items:center;gap:.125rem;padding:.125rem .25rem;font-size:7px;font-weight:700;line-height:1.25;display:inline-flex;position:relative}@media (min-width:640px){.guide-mock__chip{padding-left:.375rem;padding-right:.375rem;font-size:9px}}.guide-mock__chip--pink{--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-pink-700) / var(--tw-text-opacity,1))}.guide-mock__chip--pink:is(.dark *){background-color:rgb(var(--palette-pink-500) / .2);--tw-text-opacity:1;color:rgb(var(--palette-pink-200) / var(--tw-text-opacity,1))}.guide-mock__chip--blue{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.guide-mock__chip--blue:is(.dark *){--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity,1));background-color:#3b82f633}.guide-mock__chip--amber{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.guide-mock__chip--amber:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1));background-color:#f59e0b33}.guide-mock__chip--rose{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-700) / var(--tw-text-opacity,1))}.guide-mock__chip--rose:is(.dark *){background-color:rgb(var(--palette-rose-500) / .2);--tw-text-opacity:1;color:rgb(var(--palette-rose-200) / var(--tw-text-opacity,1))}.guide-mock__chip--emerald{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.guide-mock__chip--emerald:is(.dark *){--tw-text-opacity:1;color:rgb(167 243 208/var(--tw-text-opacity,1));background-color:#10b98133}.guide-mock__chip--slate{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1))}.guide-mock__chip--slate:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.guide-mock__chip--active{--tw-bg-opacity:1;background-color:rgb(var(--palette-indigo-600) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.guide-mock__chip--active:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-indigo-500) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.guide-mock__chip--pinned{padding-right:.875rem}.guide-mock__chip--fit{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.guide-mock__button{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;height:1rem;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;gap:.125rem;padding-left:.25rem;padding-right:.25rem;font-size:7px;font-weight:700;line-height:1;display:inline-flex;position:relative}.guide-mock__button:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1));border-color:#ffffff1a}@media (min-width:640px){.guide-mock__button{height:1.25rem;padding-left:.375rem;padding-right:.375rem;font-size:9px}}.guide-mock__button--primary{--tw-border-opacity:1;border-color:rgb(var(--palette-indigo-500) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-indigo-600) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.guide-mock__button--primary:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-indigo-400) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-indigo-500) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.guide-mock__button--pink,.guide-mock__button--pink:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-pink-400) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-500) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.guide-mock__button--round{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:1.5rem;height:1.5rem;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-width:0;border-radius:9999px;padding-left:0;padding-right:0;font-size:10px}.guide-mock__button--round:is(.dark *){--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity,1))}@media (min-width:640px){.guide-mock__button--round{width:1.75rem;height:1.75rem;font-size:.75rem;line-height:1rem}}.guide-mock__button--lg{width:1.5rem;height:1.5rem;padding-left:0;padding-right:0;font-size:10px}@media (min-width:640px){.guide-mock__button--lg{width:1.75rem;height:1.75rem;font-size:.75rem;line-height:1rem}}.guide-mock__button--pinned{padding-right:.875rem}.guide-mock__avatar{--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-200) / var(--tw-bg-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);width:.75rem;height:.75rem;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1));border-radius:9999px;flex-shrink:0;display:inline-block}.guide-mock__avatar:is(.dark *){background-color:rgb(var(--palette-pink-400) / .4);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-slate-900) / var(--tw-ring-opacity,1))}@media (min-width:640px){.guide-mock__avatar{width:1rem;height:1rem}}.guide-mock__avatar--lg{width:1.75rem;height:1.75rem}@media (min-width:640px){.guide-mock__avatar--lg{width:2.25rem;height:2.25rem}}.guide-mock__thumb{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1));border-radius:.375rem;width:100%;height:1.75rem;display:block;position:relative}.guide-mock__thumb:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}@media (min-width:640px){.guide-mock__thumb{height:2.5rem}}.guide-mock__thumb--dark{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.guide-mock__thumb--dark:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.guide-mock__num-box{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:1.25rem;height:1.25rem;color:rgb(var(--palette-indigo-600) / var(--tw-text-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-indigo-200) / var(--tw-ring-opacity,1));border-radius:.375rem;place-items:center;font-size:8px;font-weight:900;display:grid}.guide-mock__num-box:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-indigo-300) / var(--tw-text-opacity,1));--tw-ring-color:rgb(var(--palette-indigo-400) / .3)}@media (min-width:640px){.guide-mock__num-box{width:1.5rem;height:1.5rem;font-size:10px}}.guide-mock__cell{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.375rem;flex-direction:column;gap:1px;min-width:0;min-height:1.9rem;padding:.125rem;display:flex;position:relative}.guide-mock__cell:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));border-color:#ffffff1a}@media (min-width:640px){.guide-mock__cell{min-height:2.4rem}}.guide-mock__cell--today{--tw-border-opacity:1;border-color:rgb(var(--palette-violet-400) / var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-violet-300) / var(--tw-ring-opacity,1))}.guide-mock__cell--today:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-violet-400) / var(--tw-border-opacity,1));--tw-ring-color:rgb(var(--palette-violet-400) / .4)}.guide-mock__cell-day{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));font-size:7px;font-weight:900;line-height:1}.guide-mock__cell-day:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}@media (min-width:640px){.guide-mock__cell-day{font-size:8px}}.guide-mock__squares{flex-shrink:0;grid-template-columns:repeat(7,minmax(0,1fr));gap:.125rem;width:4rem;display:grid}@media (min-width:640px){.guide-mock__squares{width:6rem}}.guide-mock__square{aspect-ratio:1;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1));border-radius:2px;display:block}.guide-mock__square:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.guide-mock__square--l1{--tw-bg-opacity:1;background-color:rgb(167 243 208/var(--tw-bg-opacity,1))}.guide-mock__square--l1:is(.dark *){background-color:#10b9814d}.guide-mock__square--l2{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.guide-mock__square--l2:is(.dark *){background-color:#10b98199}.guide-mock__square--l3{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.guide-mock__square--l3:is(.dark *){--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.guide-mock__track{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));border-radius:.25rem;flex:1;min-width:0;height:.625rem;position:relative}.guide-mock__track:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}@media (min-width:640px){.guide-mock__track{height:.75rem}}.guide-mock__track-bar{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity,1));border-radius:.25rem;position:absolute;top:0;bottom:0}.guide-mock__track-bar:is(.dark *){background-color:#60a5fab3}.guide-mock__track-bar--live{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.guide-mock__track-bar--live:is(.dark *){background-color:#34d399b3}.guide-mock__toggle{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-300) / var(--tw-bg-opacity,1));border-radius:9999px;flex-shrink:0;width:1.25rem;height:.625rem;display:inline-block;position:relative}.guide-mock__toggle:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:9999px;width:.375rem;height:.375rem;position:absolute;top:.125rem;left:.125rem}.guide-mock__toggle:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-600) / var(--tw-bg-opacity,1))}@media (min-width:640px){.guide-mock__toggle{width:1.5rem;height:.75rem}.guide-mock__toggle:after{content:var(--tw-content);width:.5rem;height:.5rem}}.guide-mock__toggle--on{--tw-bg-opacity:1;background-color:rgb(var(--palette-indigo-500) / var(--tw-bg-opacity,1))}.guide-mock__toggle--on:after{content:var(--tw-content);left:auto;right:.125rem}.guide-mock__toggle--on:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-indigo-400) / var(--tw-bg-opacity,1))}.guide-mock__ring{border-width:3px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));border-right-color:rgb(251 191 36/var(--tw-border-opacity,1));--tw-border-opacity:1;border-top-color:rgb(251 191 36/var(--tw-border-opacity,1));border-radius:9999px;flex-shrink:0;width:1.75rem;height:1.75rem}.guide-mock__ring:is(.dark *){border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));border-right-color:rgb(252 211 77/var(--tw-border-opacity,1));--tw-border-opacity:1;border-top-color:rgb(252 211 77/var(--tw-border-opacity,1))}@media (min-width:640px){.guide-mock__ring{width:2.25rem;height:2.25rem}}.guide-mock__bubble{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));border-radius:.5rem .5rem .5rem .125rem;width:75%;padding:.25rem .375rem;display:block}.guide-mock__bubble:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.guide-mock__bubble--me{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1));border-bottom-right-radius:.125rem;border-bottom-left-radius:.5rem;width:50%;margin-left:auto}.guide-mock__bubble--me:is(.dark *){background-color:#0ea5e933}.guide-mock__input{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.375rem;flex:1;min-width:0;height:1rem;position:relative}.guide-mock__input:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));border-color:#ffffff1a}@media (min-width:640px){.guide-mock__input{height:1.25rem}}.guide-mock__pin{z-index:10;--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-500) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:1rem;height:1rem;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1));border-radius:9999px;place-items:center;font-size:9px;font-weight:900;line-height:1;display:grid;position:absolute}.guide-mock__pin:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-slate-900) / var(--tw-ring-opacity,1))}@media (min-width:640px){.guide-mock__pin{width:18px;height:18px;font-size:10px}}.guide-mock__pin--tr{top:-.625rem;right:-.375rem}.guide-mock__pin--tl{top:-.625rem;left:-.375rem}.guide-mock__pin--r{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));top:50%;right:-.5rem}.guide-mock__pin--l{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));top:50%;left:-.5rem}.guide-mock__pin--br{bottom:-.5rem;right:-.375rem}.guide-mock__caption{text-align:center;--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));font-size:11px}.guide-mock__caption:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.guide-mock__legend-title{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));font-size:13px;font-weight:900}.guide-mock__legend-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.guide-mock__legend-title{font-size:.875rem;line-height:1.25rem}}.guide-mock__legend{-moz-column-gap:1.5rem;gap:.5rem 1.5rem;display:grid}@media (min-width:640px){.guide-mock__legend{grid-template-columns:repeat(2,minmax(0,1fr))}}.guide-mock__legend-item{--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));align-items:flex-start;gap:.5rem;font-size:12px;line-height:1.625;display:flex}.guide-mock__legend-item:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}@media (min-width:640px){.guide-mock__legend-item{font-size:13px}}.guide-mock__legend-num{--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-500) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:1.25rem;height:1.25rem;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:9999px;flex-shrink:0;place-items:center;margin-top:.125rem;font-size:10px;font-weight:900;display:grid}.guide-mock__legend-text{word-break:keep-all;min-width:0}.guide-mock__legend-name{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));font-weight:900}.guide-mock__legend-name:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}
.guide-shot{margin-top:1rem}.guide-shot>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.guide-shot__row{flex-direction:column;align-items:center;gap:.75rem;display:flex}@media (min-width:640px){.guide-shot__row{flex-direction:row;justify-content:center;align-items:flex-end}}.guide-shot__device{flex-direction:column;align-items:center;gap:.25rem;min-width:0;display:flex}.guide-shot__device--pc{width:100%}@media (min-width:640px){.guide-shot__device--pc{flex:1;max-width:560px}}.guide-shot__device--mobile{width:50%}@media (min-width:640px){.guide-shot__device--mobile{flex-shrink:0;width:180px}}.guide-shot__frame{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);width:100%;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;overflow:hidden}.guide-shot__frame:hover{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.guide-shot__frame:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1))}.guide-shot__frame--light:is(.dark *),.guide-shot__frame--dark{display:none}.guide-shot__frame--dark:is(.dark *){display:block}.guide-shot__img{width:100%;height:auto;display:block}.guide-shot__label{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:10px;font-weight:700}.guide-shot__label:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.guide-shot__caption{text-align:center;--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));justify-content:center;align-items:center;gap:.375rem;font-size:.75rem;font-weight:700;line-height:1rem;display:flex}.guide-shot__caption:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.guide-shot__hint{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-weight:500}.guide-shot__hint:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}
.guide-step__list>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.guide-step__list-item{--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));align-items:flex-start;gap:.625rem;font-size:13px;line-height:1.625;display:flex}.guide-step__list-item:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}@media (min-width:640px){.guide-step__list-item{font-size:.875rem;line-height:1.25rem}}.guide-step__list-num{--tw-bg-opacity:1;background-color:rgb(var(--palette-violet-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:1.25rem;height:1.25rem;color:rgb(var(--palette-violet-700) / var(--tw-text-opacity,1));border-radius:9999px;flex-shrink:0;place-items:center;margin-top:.125rem;font-size:11px;font-weight:900;display:grid}.guide-step__list-num:is(.dark *){background-color:rgb(var(--palette-violet-500) / .2);--tw-text-opacity:1;color:rgb(var(--palette-violet-200) / var(--tw-text-opacity,1))}.guide-step__list-text{word-break:keep-all;min-width:0}.guide-step__points>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.guide-step__points-title{--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));font-size:.75rem;font-weight:900;line-height:1rem}.guide-step__points-title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}@media (min-width:640px){.guide-step__points-title{font-size:13px}}.guide-step__points-grid{gap:.625rem;display:grid}@media (min-width:640px){.guide-step__points-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.guide-step__points-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.guide-step__point-icon{font-size:1.125rem;line-height:1}.guide-step__point-text{min-width:0}.guide-step__point-text>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.guide-step__point-title{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));align-items:center;gap:.25rem;font-size:13px;font-weight:900;display:flex}.guide-step__point-title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.guide-step__point-arrow{--tw-text-opacity:1;color:rgb(var(--palette-pink-500) / var(--tw-text-opacity,1));transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.group:hover .guide-step__point-arrow{--tw-translate-x:.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.guide-step__point-desc{word-break:keep-all;--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));font-size:12px;line-height:1.625;display:block}.guide-step__point-desc:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.guide-step__point-link{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);height:100%;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-pink-100) / var(--tw-ring-opacity,1));background-color:#fffc;border-radius:1rem;align-items:flex-start;gap:.625rem;padding:.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.guide-step__point-link:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-pink-300) / var(--tw-ring-opacity,1))}.guide-step__point-link:is(.dark *){--tw-ring-color:#ffffff0d;background-color:#ffffff0a}.guide-step__point-link:hover:is(.dark *){--tw-ring-color:rgb(var(--palette-pink-400) / .4)}.guide-step__point{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);height:100%;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-slate-100) / var(--tw-ring-opacity,1));background-color:#fffc;border-radius:1rem;align-items:flex-start;gap:.625rem;padding:.75rem;display:flex}.guide-step__point:is(.dark *){--tw-ring-color:#ffffff0d;background-color:#ffffff0a}.guide-step__safety>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.875rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem * var(--tw-space-y-reverse))}.guide-step__safety{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-color:#a7f3d0cc;background-color:#ecfdf5e6;border-radius:1rem;padding:1rem}.guide-step__safety:is(.dark *){--tw-ring-color:#6ee7b733;background-color:#34d39914}@media (min-width:640px){.guide-step__safety{padding:1.25rem}}.guide-step__safety-head{align-items:flex-start;gap:.75rem;display:flex}.guide-step__safety-icon{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 3px 0 0 #10b9812e;--tw-shadow-colored:0 3px 0 0 var(--tw-shadow-color);width:2.5rem;height:2.5rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-color:#a7f3d0cc;border-radius:1rem;flex-shrink:0;place-items:center;font-size:1.25rem;line-height:1.75rem;display:grid}.guide-step__safety-icon:is(.dark *){--tw-ring-color:#6ee7b733;background-color:#6ee7b71a}.guide-step__safety-text{min-width:0}.guide-step__safety-text>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.guide-step__safety-text{padding-top:.125rem}.guide-step__safety-title{word-break:keep-all;font-family:var(--font-display), var(--font-geist-sans), system-ui, sans-serif;--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1));font-size:1.125rem;line-height:1.25}.guide-step__safety-title:is(.dark *){--tw-text-opacity:1;color:rgb(167 243 208/var(--tw-text-opacity,1))}@media (min-width:640px){.guide-step__safety-title{font-size:1.25rem;line-height:1.75rem}}.guide-step__safety-lead{word-break:keep-all;color:#064e3bcc;font-size:12px;line-height:1.625}.guide-step__safety-lead:is(.dark *){color:#d1fae5cc}@media (min-width:640px){.guide-step__safety-lead{font-size:13px}}.guide-step__safety-items{gap:.5rem;display:grid}@media (min-width:640px){.guide-step__safety-items{grid-template-columns:repeat(2,minmax(0,1fr))}}.guide-step__safety-item{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(209 250 229/var(--tw-ring-opacity,1));background-color:#ffffffd9;border-radius:.75rem;align-items:flex-start;gap:.625rem;padding:.75rem;display:flex}.guide-step__safety-item:is(.dark *){--tw-ring-color:#ffffff0d;background-color:#ffffff0a}.guide-step__safety-item-icon{font-size:1.125rem;line-height:1}.guide-step__safety-item-text{min-width:0}.guide-step__safety-item-text>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.guide-step__safety-item-title{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));font-size:13px;font-weight:900;display:block}.guide-step__safety-item-title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.guide-step__safety-item-desc{word-break:keep-all;--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));font-size:12px;line-height:1.625;display:block}.guide-step__safety-item-desc:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.guide-step__safety-note{word-break:keep-all;color:#064e3bbf;align-items:flex-start;gap:.375rem;font-size:11px;line-height:1.625;display:flex}.guide-step__safety-note:is(.dark *){color:#d1fae5b3}@media (min-width:640px){.guide-step__safety-note{font-size:.75rem;line-height:1rem}}.guide-step__safety-note-icon{flex-shrink:0}.guide-step__safety-note-text{min-width:0}.guide-step{scroll-margin-top:calc(var(--site-header-h,5rem) + 4.5rem);padding-left:3rem;position:relative}@media (min-width:640px){.guide-step{padding-left:4rem}}.guide-step__line{background-image:linear-gradient(to bottom, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--palette-pink-200) / 1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-violet-200) / 1) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);border-radius:9999px;width:.25rem;position:absolute;top:2.5rem;bottom:-2rem;left:17px}.guide-step__line:is(.dark *){--tw-gradient-from:rgb(var(--palette-pink-500) / .3) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-violet-500) / .3) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}@media (min-width:640px){.guide-step__line{bottom:-2.5rem;left:21px}}.guide-step__num{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--palette-pink-500) / 1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-violet-500) / 1) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);width:2.25rem;height:2.25rem;font-family:var(--font-display), var(--font-geist-sans), system-ui, sans-serif;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 6px 14px -6px #ec4899b3;--tw-shadow-colored:0 6px 14px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1));border-radius:9999px;place-items:center;font-size:1.125rem;line-height:1.75rem;display:grid;position:absolute;top:0;left:0}.guide-step__num:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-slate-900) / var(--tw-ring-opacity,1))}@media (min-width:640px){.guide-step__num{width:2.75rem;height:2.75rem;font-size:1.25rem;line-height:1.75rem}}.guide-step__card>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.guide-step__card{padding:1rem}@media (min-width:640px){.guide-step__card{padding:1.5rem}}.guide-step__head>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.guide-step__kicker{letter-spacing:.05em;--tw-text-opacity:1;color:rgb(var(--palette-pink-500) / var(--tw-text-opacity,1));font-size:11px;font-weight:900}.guide-step__kicker:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-pink-300) / var(--tw-text-opacity,1))}.guide-step__title{word-break:keep-all;font-family:var(--font-display), var(--font-geist-sans), system-ui, sans-serif;--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));font-size:22px;line-height:1.25}.guide-step__title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.guide-step__title{font-size:26px}}.guide-step__lead{word-break:keep-all;--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));font-size:13px;line-height:1.625}.guide-step__lead:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}@media (min-width:640px){.guide-step__lead{font-size:.875rem;line-height:1.25rem}}.guide-step__paths{gap:.75rem;display:grid}@media (min-width:768px){.guide-step__paths--multi{grid-template-columns:repeat(2,minmax(0,1fr))}}.guide-step__path>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.guide-step__path{background-color:rgb(var(--palette-slate-50) / .9);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-slate-100) / var(--tw-ring-opacity,1));border-radius:1rem;padding:1rem}.guide-step__path:is(.dark *){--tw-ring-color:#ffffff0d;background-color:#ffffff0a}.guide-step__path-title{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));align-items:center;gap:.375rem;font-size:.875rem;font-weight:900;line-height:1.25rem;display:flex}.guide-step__path-title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.guide-step__path-icon{font-size:1rem;line-height:1.5rem}.guide-step__how>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.guide-step__how-title{--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));font-size:.75rem;font-weight:900;line-height:1rem}.guide-step__how-title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}@media (min-width:640px){.guide-step__how-title{font-size:13px}}.guide-step__legend>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.guide-step__legend-title{--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));font-size:.75rem;font-weight:900;line-height:1rem}.guide-step__legend-title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}@media (min-width:640px){.guide-step__legend-title{font-size:13px}}.guide-step__legend-list{flex-wrap:wrap;gap:.375rem;display:flex}.guide-step__legend-item{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);border-radius:9999px;padding:.25rem .625rem;font-size:11px;font-weight:700}.guide-step__tip{word-break:keep-all;--tw-text-opacity:1;color:rgb(120 53 15/var(--tw-text-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-color:#fde68acc;background-color:#fffbebe6;border-radius:1rem;padding:.75rem 1rem;font-size:12px;line-height:1.625}.guide-step__tip:is(.dark *){--tw-text-opacity:1;color:rgb(254 243 199/var(--tw-text-opacity,1));--tw-ring-color:#fcd34d33;background-color:#fbbf241a}@media (min-width:640px){.guide-step__tip{font-size:13px}}.guide-step__tip-label{margin-right:.25rem;font-weight:900}.guide-step__links{flex-wrap:wrap;gap:.5rem;display:flex}.guide-step__link{--tw-text-opacity:1;color:rgb(var(--palette-pink-600) / var(--tw-text-opacity,1));--tw-shadow:0 3px 0 0 #f472b640;--tw-shadow-colored:0 3px 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-color:rgb(var(--palette-pink-200) / .8);background-color:#ffffffe6;border-radius:9999px;align-items:center;gap:.25rem;padding:.5rem .875rem;font-size:.75rem;font-weight:700;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.guide-step__link:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-50) / var(--tw-bg-opacity,1))}.guide-step__link:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-pink-300) / var(--tw-text-opacity,1));--tw-ring-color:#ffffff1a;background-color:#ffffff0d}.guide-step__link:hover:is(.dark *){background-color:#ffffff1a}
.guide-nav--pinned{left:0;right:0;top:var(--site-header-visible-h,var(--site-header-h,4rem));z-index:30;border-bottom-width:1px;border-color:rgb(var(--palette-pink-100) / .8);background-color:rgb(var(--palette-slate-50) / .9);--tw-shadow:0 8px 20px -16px #ec489999;--tw-shadow-colored:0 8px 20px -16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);padding-top:.5rem;padding-bottom:.5rem;transition-property:top;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);position:fixed}@media (prefers-reduced-motion:reduce){.guide-nav--pinned{transition-property:none}}.guide-nav--pinned:is(.dark *){background-color:rgb(var(--palette-zinc-900) / .9);border-color:#ffffff0d}.guide-nav--static{padding-top:.5rem;padding-bottom:.5rem;position:relative}.guide-nav__track{scrollbar-width:none;gap:.375rem;display:flex;overflow-x:auto}.guide-nav__track::-webkit-scrollbar{display:none}.guide-nav__track--pinned{max-width:64rem;margin-left:auto;margin-right:auto;padding-left:.875rem;padding-right:.875rem}@media (min-width:640px){.guide-nav__track--pinned{padding-left:1.5rem;padding-right:1.5rem}}.guide-nav__item{white-space:nowrap;border-radius:9999px;flex-shrink:0;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:700;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.guide-nav__item--on{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--palette-pink-500) / 1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-violet-500) / 1) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 4px 12px -6px #ec4899cc;--tw-shadow-colored:0 4px 12px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.guide-nav__item--off{--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-slate-200) / var(--tw-ring-opacity,1));background-color:#ffffffe6}.guide-nav__item--off:hover{--tw-text-opacity:1;color:rgb(var(--palette-pink-600) / var(--tw-text-opacity,1))}.guide-nav__item--off:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1));--tw-ring-color:#ffffff1a;background-color:#ffffff0d}.guide-nav__item--off:hover:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-pink-300) / var(--tw-text-opacity,1))}.guide-nav__num{border-radius:9999px;place-items:center;width:1rem;height:1rem;font-size:10px;font-weight:900;display:grid}.guide-nav__num--on{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:#ffffff40}.guide-nav__num--off{--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-pink-600) / var(--tw-text-opacity,1))}.guide-nav__num--off:is(.dark *){background-color:rgb(var(--palette-pink-500) / .2);--tw-text-opacity:1;color:rgb(var(--palette-pink-200) / var(--tw-text-opacity,1))}