@layer theme, base, components, utilities;@layer components{:root{--ck-cta: #ff531a;--ck-ink: #111827}.ck-input.ck-input{cursor:text;border:1px solid color-mix(in oklab,var(--raw-form-ink) 20%,transparent);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-surface);vertical-align:middle;white-space:nowrap;touch-action:manipulation;flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative;box-shadow:0 1px color-mix(in oklab,var(--raw-form-ink) 2%,transparent) inset,0 -1px color-mix(in oklab,var(--raw-white) 10%,transparent) inset}.ck-input.ck-input:focus{border-color:var(--ck-ink);outline:2px solid var(--ck-ink);outline-offset:2px;isolation:isolate;z-index:1;box-shadow:0 1px color-mix(in oklab,var(--raw-form-ink) 10%,transparent)}.ck-input-error.ck-input-error,.ck-input-error.ck-input-error:focus{border-color:var(--raw-error);outline-color:var(--raw-error)}.ck-input-error.ck-input-error{box-shadow:0 1px color-mix(in oklab,var(--raw-error) 10%,transparent) inset,0 -1px color-mix(in oklab,var(--raw-white) 10%,transparent) inset}.ck-input-error.ck-input-error:focus{box-shadow:0 1px color-mix(in oklab,var(--raw-error) 10%,transparent)}.ck-checkbox.ck-checkbox{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--ck-cta);border-radius:var(--corner-lg);vertical-align:middle;color:var(--color-brand-content);width:1.25rem;height:1.25rem;padding:.1875rem;flex-shrink:0;display:inline-block;position:relative;box-shadow:0 1px color-mix(in oklab,var(--raw-black) 10%,transparent) inset;transition:background-color .2s,box-shadow .2s}.ck-checkbox.ck-checkbox:before{content:"";display:block;opacity:0;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);width:100%;height:100%;background-color:currentColor;box-shadow:0 3px color-mix(in oklab,var(--raw-white) 10%,transparent) inset;font-size:1rem;line-height:.75;rotate:45deg;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s}.ck-checkbox.ck-checkbox:focus-visible{outline:2px solid var(--ck-cta);outline-offset:2px}.ck-checkbox.ck-checkbox:checked{background-color:var(--ck-cta);box-shadow:0 8px 0 -4px color-mix(in oklab,var(--raw-white) 10%,transparent) inset,0 1px color-mix(in oklab,var(--raw-black) 10%,transparent)}.ck-checkbox.ck-checkbox:checked:before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:1}.ck-checkbox.ck-checkbox:disabled{cursor:not-allowed;opacity:var(--fade-faint)}.ck-checkbox-error.ck-checkbox-error{border-color:var(--raw-error)}.ck-checkbox-error.ck-checkbox-error:checked{background-color:var(--raw-error)}.ck-checkbox-error.ck-checkbox-error:focus-visible{outline-color:var(--raw-error)}.ck-btn.ck-btn{--ck-btn-bg: var(--ck-cta);--ck-btn-border: color-mix(in oklab, var(--ck-btn-bg), var(--raw-black) 5%);--ck-btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--ck-btn-bg) 30%, transparent), 0 4px 3px -2px color-mix(in oklab, var(--ck-btn-bg) 30%, transparent);cursor:pointer;text-align:center;vertical-align:middle;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;color:var(--color-brand-content);background-color:var(--ck-btn-bg);border:1px solid var(--ck-btn-border);border-radius:var(--corner-sm);outline-color:var(--ck-cta);outline-offset:2px;text-shadow:0 .5px oklch(100% 0 0 / .15);box-shadow:0 .5px 0 .5px #ffffff0f inset,var(--ck-btn-shadow);height:var(--ck-btn-size, 2.5rem);font-size:var(--ck-btn-fontsize, var(--type-label));font-weight:600;padding-inline:var(--ck-btn-p, 1rem);gap:.375rem;flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;transition:transform .15s cubic-bezier(.2,0,0,1)}@media (hover: hover){.ck-btn.ck-btn:hover{--ck-btn-bg: color-mix(in oklab, var(--ck-cta), var(--raw-black) 7%)}}.ck-btn.ck-btn:focus-visible{isolation:isolate;outline-width:2px;outline-style:solid}.ck-btn.ck-btn:active{--ck-btn-bg: color-mix(in oklab, var(--ck-cta), var(--raw-black) 5%);--ck-btn-border: color-mix(in oklab, var(--ck-cta), var(--raw-black) 7%);--ck-btn-shadow: 0 0 0 0 oklch(0% 0 0 / 0), 0 0 0 0 oklch(0% 0 0 / 0);translate:0 .5px;transform:scale(.97);transition-duration:.1s}.ck-btn.ck-btn:disabled{pointer-events:none;color:color-mix(in oklab,var(--raw-form-ink) 20%,transparent);background-color:color-mix(in oklab,var(--raw-form-ink) 10%,transparent);border-color:transparent;box-shadow:none}.ck-btn-lg.ck-btn-lg{--ck-btn-size: 3rem;--ck-btn-fontsize: 1.125rem;--ck-btn-p: 1.25rem}.ck-btn-sm.ck-btn-sm{--ck-btn-size: 2rem;--ck-btn-fontsize: .75rem;--ck-btn-p: .75rem}.ck-link.ck-link{cursor:pointer;color:var(--ck-cta);text-decoration-line:underline}@media (hover: hover){.ck-link.ck-link:hover{color:color-mix(in oklab,var(--ck-cta) 80%,var(--raw-black))}}.ck-link.ck-link:focus{outline-style:none}.ck-link.ck-link:focus-visible{outline:2px solid;outline-offset:2px}.ck-spinner.ck-spinner{pointer-events:none;aspect-ratio:1;vertical-align:middle;width:1.5rem;background-color:currentColor;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ck-alert.ck-alert{display:grid;grid-auto-flow:column;grid-template-columns:auto minmax(auto,1fr);justify-content:start;place-items:center start;gap:1rem;text-align:start;color:var(--color-brand-content);background-color:var(--raw-error);border:1px solid var(--raw-error);border-radius:var(--corner-lg);padding-block:.75rem;padding-inline:1rem;font-size:var(--type-body-sm);line-height:1.25rem;box-shadow:0 3px 0 -2px #ffffff14 inset,0 1px color-mix(in oklab,color-mix(in oklab,var(--raw-black) 20%,var(--raw-error)) 20%,transparent),0 4px 3px -2px #00000014}.ck-field-error.ck-field-error{color:var(--raw-error)}.guide-page .ck-input.ck-input{background-color:var(--raw-bg-soft)}.guide-page .ck-btn.ck-btn{gap:9px;border:0;border-radius:var(--corner-pill);font-size:var(--type-label);font-weight:700;padding-inline:26px}.guide-page .ck-btn.ck-btn:hover{transform:translateY(-2px)}}
