.cff-wrap-0c67cde3 *{box-sizing:border-box;}

.cff-wrap-0c67cde3{container-type:inline-size;}

.cff-wrap-0c67cde3 .cff{

  --paper:#F4F4F2;--paper2:#EAEAE8;--sand:#E2E2E0;--clay1:#D9D9D7;--clay3:#BFBFBC;

  --stone:#9C9C9A;--umber:#6B6B69;--ink:#000000;--inks:#3A3A38;--accent:#5E5E5C;

  --line:rgba(20,20,20,.14);--line2:rgba(20,20,20,.08);--ease:cubic-bezier(.22,1,.36,1);

  font-family:"Schibsted Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;

  color:var(--ink);display:grid;grid-template-columns:.9fr 1.1fr;min-height:580px;

  background:var(--paper2);border:1px solid var(--line2);border-radius:28px;

  overflow:hidden;letter-spacing:-.01em;position:relative;

}

@container (max-width:820px){.cff-wrap-0c67cde3 .cff{grid-template-columns:1fr;min-height:0;border-radius:22px;}}



.cff-wrap-0c67cde3 .cff-aside{position:relative;overflow:hidden;background:linear-gradient(158deg,var(--clay1),var(--clay3));

  padding:clamp(34px,4vw,56px);display:flex;flex-direction:column;justify-content:space-between;gap:30px;}

.cff-wrap-0c67cde3 .cff-aside::after{content:"";position:absolute;inset:0;pointer-events:none;

  background:radial-gradient(78% 58% at 72% 16%,rgba(255,255,255,.5),transparent 60%);}

.cff-wrap-0c67cde3 .cff-kick{position:relative;margin:0;font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);}

.cff-wrap-0c67cde3 .cff-atitle{position:relative;margin:18px 0 0;font-size:clamp(25px,2.5vw,36px);font-weight:500;letter-spacing:-.028em;line-height:1.04;max-width:14ch;}

.cff-wrap-0c67cde3 .cff-note{position:relative;margin:0;color:var(--inks);font-size:15px;max-width:32ch;line-height:1.5;}

@container (max-width:820px){

  .cff-wrap-0c67cde3 .cff-aside{padding:30px 26px;gap:16px;}

  .cff-wrap-0c67cde3 .cff-atitle{max-width:none;}

  .cff-wrap-0c67cde3 .cff-note{max-width:none;}

}

.cff-wrap-0c67cde3 .cff-mark{position:relative;display:flex;align-items:center;gap:10px;}

.cff-wrap-0c67cde3 .cff-mark i{width:9px;height:9px;border-radius:50%;background:var(--ink);display:block;animation:cffpulse 2.4s var(--ease) infinite;}

.cff-wrap-0c67cde3 .cff-mark span{font-size:12.5px;color:var(--inks);letter-spacing:.02em;}

@keyframes cffpulse{0%,100%{transform:scale(.7);opacity:.5;}50%{transform:scale(1);opacity:1;}}



.cff-wrap-0c67cde3 .cff-main{padding:clamp(34px,4vw,56px);display:flex;flex-direction:column;position:relative;}

@container (max-width:820px){.cff-wrap-0c67cde3 .cff-main{padding:30px 26px;}}



.cff-wrap-0c67cde3 .cff-prog{display:flex;align-items:center;gap:14px;margin-bottom:30px;}

.cff-wrap-0c67cde3 .cff-bar{height:4px;flex:1;border-radius:100px;background:var(--line);overflow:hidden;}

.cff-wrap-0c67cde3 .cff-bar i{display:block;height:100%;width:100%;background:var(--ink);border-radius:100px;transform:scaleX(0);transform-origin:left center;transition:transform .7s var(--ease);}

.cff-wrap-0c67cde3 .cff-step-n{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--umber);font-variant-numeric:tabular-nums;white-space:nowrap;}



.cff-wrap-0c67cde3 .cff-stage{flex:1;display:flex;flex-direction:column;position:relative;}

.cff-wrap-0c67cde3 .cff-panel{display:none;flex-direction:column;flex:1;}

.cff-wrap-0c67cde3 .cff-panel.is-active{display:flex;}

.cff-wrap-0c67cde3 .cff-panel.anim-in{animation:cffIn .5s var(--ease) both;}

.cff-wrap-0c67cde3 .cff-panel.anim-out{animation:cffOut .32s var(--ease) both;}

@keyframes cffIn{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}

@keyframes cffOut{from{opacity:1;transform:none;}to{opacity:0;transform:translateY(-12px);}}



.cff-wrap-0c67cde3 .cff-count{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--umber);}

.cff-wrap-0c67cde3 .cff-q{font-size:clamp(25px,2.5vw,34px);font-weight:500;letter-spacing:-.026em;margin:12px 0 26px;max-width:18ch;line-height:1.05;}



.cff-wrap-0c67cde3 .cff-opts{display:grid;gap:12px;}

.cff-wrap-0c67cde3 .cff-opt{position:relative;text-align:left;font:inherit;cursor:pointer;background:var(--paper);

  border:1px solid var(--line);border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:16px;

  overflow:hidden;-webkit-tap-highlight-color:transparent;

  transition:border-color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease),opacity .3s var(--ease);

  opacity:0;transform:translateY(10px);animation:cffOptIn .5s var(--ease) forwards;}

@keyframes cffOptIn{to{opacity:1;transform:none;}}

.cff-wrap-0c67cde3 .cff-opt::after{content:"";position:absolute;inset:0;background:var(--ink);opacity:0;transition:opacity .3s var(--ease);pointer-events:none;}

@container (min-width:821px){.cff-wrap-0c67cde3 .cff-opt:hover{border-color:var(--ink);transform:translateX(5px);box-shadow:0 12px 28px -20px rgba(20,20,20,.5);}}

.cff-wrap-0c67cde3 .cff-opt:active{transform:scale(.992);}

.cff-wrap-0c67cde3 .cff-opt.is-picked{border-color:var(--ink);}

.cff-wrap-0c67cde3 .cff-opt.is-picked::after{opacity:.04;}

.cff-wrap-0c67cde3 .cff-opt.is-dim{opacity:.4;}



.cff-wrap-0c67cde3 .cff-ic{width:40px;height:40px;border-radius:11px;background:var(--sand);display:grid;place-items:center;flex:none;color:var(--ink);position:relative;transition:background .3s var(--ease);}

.cff-wrap-0c67cde3 .cff-ic svg{width:21px;height:21px;}

.cff-wrap-0c67cde3 .cff-glyph{transition:opacity .25s var(--ease),transform .25s var(--ease);}

.cff-wrap-0c67cde3 .cff-check{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(.5);transition:opacity .3s var(--ease),transform .35s var(--ease);}

.cff-wrap-0c67cde3 .cff-opt.is-picked .cff-ic{background:var(--ink);color:var(--paper);}

.cff-wrap-0c67cde3 .cff-opt.is-picked .cff-glyph{opacity:0;transform:scale(.6);}

.cff-wrap-0c67cde3 .cff-opt.is-picked .cff-check{opacity:1;transform:scale(1);}

.cff-wrap-0c67cde3 .cff-ot{font-size:17px;font-weight:500;display:block;}

.cff-wrap-0c67cde3 .cff-od{font-size:13.5px;color:var(--umber);margin-top:2px;display:block;}



.cff-wrap-0c67cde3 .cff-load{display:none;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;}

.cff-wrap-0c67cde3 .cff-load.is-active{display:flex;animation:cffIn .4s var(--ease) both;}

.cff-wrap-0c67cde3 .cff-spin{width:46px;height:46px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--ink);animation:cffspin .8s linear infinite;}

@keyframes cffspin{to{transform:rotate(360deg);}}

.cff-wrap-0c67cde3 .cff-load p{margin:0;font-size:17px;color:var(--inks);}

.cff-wrap-0c67cde3 .cff-load .cff-load-sub{font-size:14px;color:var(--umber);}



.cff-wrap-0c67cde3 .cff-result{display:none;flex-direction:column;flex:1;}

.cff-wrap-0c67cde3 .cff-result.is-active{display:flex;}

.cff-wrap-0c67cde3 .cff-result .r-kick{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--umber);opacity:0;animation:cffIn .5s var(--ease) .05s both;}

.cff-wrap-0c67cde3 .cff-result .r-by{color:var(--accent);font-weight:500;font-size:14px;margin-top:14px;opacity:0;animation:cffIn .5s var(--ease) .12s both;}

.cff-wrap-0c67cde3 .cff-result .r-name{font-size:clamp(32px,3.6vw,50px);font-weight:500;letter-spacing:-.032em;margin:6px 0 0;line-height:1;opacity:0;animation:cffIn .55s var(--ease) .18s both;}

.cff-wrap-0c67cde3 .cff-result .r-desc{color:var(--inks);font-size:17px;margin-top:16px;max-width:42ch;line-height:1.5;opacity:0;animation:cffIn .55s var(--ease) .26s both;}

.cff-wrap-0c67cde3 .cff-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px;}

.cff-wrap-0c67cde3 .cff-chip{font-size:12.5px;color:var(--umber);border:1px solid var(--line);border-radius:100px;padding:6px 12px;opacity:0;transform:translateY(8px);animation:cffOptIn .5s var(--ease) forwards;}

.cff-wrap-0c67cde3 .cff-react{margin-top:auto;padding-top:28px;display:flex;gap:14px;flex-wrap:wrap;align-items:center;opacity:0;animation:cffIn .5s var(--ease) .5s both;}

.cff-wrap-0c67cde3 .cff-btn{display:inline-flex;align-items:center;gap:.5em;font:inherit;font-weight:500;font-size:16px;padding:.9em 1.6em;border-radius:100px;border:1px solid transparent;cursor:pointer;text-decoration:none;background:var(--ink);color:var(--paper);transition:background .3s var(--ease),transform .3s var(--ease);}

.cff-wrap-0c67cde3 .cff-btn:hover{background:#000;transform:translateY(-1px);}

.cff-wrap-0c67cde3 .cff-btn .ar{transition:transform .3s var(--ease);}

.cff-wrap-0c67cde3 .cff-btn:hover .ar{transform:translateX(4px);}

.cff-wrap-0c67cde3 .cff-restart{background:none;border:none;font:inherit;color:var(--umber);cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0;}

.cff-wrap-0c67cde3 .cff-restart:hover{color:var(--ink);}



@container (max-width:460px){

  .cff-wrap-0c67cde3 .cff-react{flex-direction:column;align-items:stretch;}

  .cff-wrap-0c67cde3 .cff-btn{justify-content:center;width:100%;}

  .cff-wrap-0c67cde3 .cff-restart{text-align:center;}

}



@media (prefers-reduced-motion:reduce){

  .cff-wrap-0c67cde3 *,.cff-wrap-0c67cde3 *::after,.cff-wrap-0c67cde3 *::before{animation-duration:.001s!important;transition-duration:.001s!important;}

}