.uncoder-flip-box{--uncoder-flip-h: 320px;--uncoder-flip-duration: .65s;--uncoder-flip-ease: cubic-bezier(.4, .2, .2, 1);--uncoder-flip-focus: var(--uncoder-c-primary, #2b59ff);position:relative;height:var(--uncoder-flip-h);border-radius:16px;perspective:1400px;-webkit-tap-highlight-color:transparent}.uncoder-flip-box:focus{outline:none}.uncoder-flip-box:focus-visible{outline:2px solid var(--uncoder-flip-focus);outline-offset:4px}.uncoder-flip-box__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--uncoder-flip-duration) var(--uncoder-flip-ease)}.uncoder-flip-box__face{--uncoder-flip-overlay: transparent;--uncoder-flip-align: center;--uncoder-flip-text: center;--uncoder-flip-justify: center;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:var(--uncoder-flip-justify);align-items:var(--uncoder-flip-align);text-align:var(--uncoder-flip-text);padding:32px;overflow:hidden;border-radius:16px;background-position:center;background-size:cover;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform var(--uncoder-flip-duration) var(--uncoder-flip-ease),opacity var(--uncoder-flip-duration) var(--uncoder-flip-ease)}.uncoder-flip-box__face:before{content:"";position:absolute;inset:0;background-color:var(--uncoder-flip-overlay);pointer-events:none}.uncoder-flip-box__front{background-color:var(--uncoder-c-surface, #f5f7fb);color:var(--uncoder-c-text, #374151)}.uncoder-flip-box__back{background-color:var(--uncoder-c-secondary, #0b1b3f);color:#ffffffdb}.uncoder-flip-box__content{position:relative;display:flex;flex-direction:column;align-items:var(--uncoder-flip-align);max-width:100%}.uncoder-flip-box__graphic{margin-bottom:20px}.uncoder-flip-box__icon{display:inline-flex;align-items:center;justify-content:center;padding:.4em;border-radius:14px;font-size:44px;line-height:1;color:var(--uncoder-c-primary, #2b59ff);background-color:color-mix(in srgb,var(--uncoder-c-primary, #2b59ff) 12%,transparent)}.uncoder-flip-box .uncoder-flip-box__image{display:block;width:96px;max-width:100%;height:auto;border-radius:12px}.uncoder-flip-box .uncoder-flip-box__title{margin:0 0 .5em;font-size:var(--uncoder-t-h4-fs, 1.4rem);line-height:var(--uncoder-t-h4-lh, 1.3);overflow-wrap:break-word}.uncoder-flip-box__back .uncoder-flip-box__title{color:#fff}.uncoder-flip-box .uncoder-flip-box__description{margin:0}.uncoder-flip-box__actions{margin-top:22px}.uncoder-flip-box .uncoder-flip-box__hint{display:inline-flex;align-items:center;gap:.4em;margin:24px 0 0}.uncoder-flip-box__hint-icon,.uncoder-flip-box__list-icon{display:inline-flex;flex:none;line-height:0}.uncoder-flip-box__hint-icon svg,.uncoder-flip-box__list-icon svg{width:1em;height:1em}.uncoder-flip-box__checklist{margin-top:20px;text-align:start}.uncoder-flip-box .uncoder-flip-box__list-title{margin:0 0 10px;font-size:.8em;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.uncoder-flip-box .uncoder-flip-box__list{display:flex;flex-direction:column;gap:var(--uncoder-flip-list-gap, 8px);margin:0;padding:0;list-style:none}.uncoder-flip-box__list li{display:flex;align-items:flex-start;gap:.6em}.uncoder-flip-box__list-icon{margin-top:.2em}.uncoder-flip-box--fit{height:auto}.uncoder-flip-box--fit .uncoder-flip-box__inner{display:grid;height:100%;min-height:var(--uncoder-flip-h)}.uncoder-flip-box--fit .uncoder-flip-box__face{position:relative;inset:auto;grid-area:1 / 1}.uncoder-flip-box--flip-x .uncoder-flip-box__back{transform:rotateY(180deg)}.uncoder-flip-box--flip-y .uncoder-flip-box__back{transform:rotateX(180deg)}.uncoder-flip-box--flip-x:is(.uncoder-flip-box--flipped,:not(.uncoder-flip-box--button):focus-visible,:not(.uncoder-flip-box--button):has(:focus-visible)) .uncoder-flip-box__inner{transform:rotateY(180deg)}.uncoder-flip-box--flip-y:is(.uncoder-flip-box--flipped,:not(.uncoder-flip-box--button):focus-visible,:not(.uncoder-flip-box--button):has(:focus-visible)) .uncoder-flip-box__inner{transform:rotateX(180deg)}@media(hover:hover){.uncoder-flip-box--flip-x:not(.uncoder-flip-box--button):hover .uncoder-flip-box__inner{transform:rotateY(180deg)}.uncoder-flip-box--flip-y:not(.uncoder-flip-box--button):hover .uncoder-flip-box__inner{transform:rotateX(180deg)}}.uncoder-flip-box--3d .uncoder-flip-box__face{overflow:visible;transform-style:preserve-3d}.uncoder-flip-box--3d .uncoder-flip-box__face:before{border-radius:inherit}.uncoder-flip-box--3d .uncoder-flip-box__content{transform:translateZ(70px) scale(.86);-webkit-backface-visibility:hidden;backface-visibility:hidden}.uncoder-flip-box--slide,.uncoder-flip-box--fade,.uncoder-flip-box--zoom,.uncoder-flip-box--circle{overflow:hidden;isolation:isolate}.uncoder-flip-box--circle .uncoder-flip-box__back{z-index:1;pointer-events:none;clip-path:circle(0% at var(--uncoder-flip-origin, 0% 0%));transition:clip-path var(--uncoder-flip-duration) var(--uncoder-flip-ease)}.uncoder-flip-box--circle:is(.uncoder-flip-box--flipped,:not(.uncoder-flip-box--button):focus-visible,:not(.uncoder-flip-box--button):has(:focus-visible)) .uncoder-flip-box__back{clip-path:circle(150% at var(--uncoder-flip-origin, 0% 0%));pointer-events:auto}@media(hover:hover){.uncoder-flip-box--circle:not(.uncoder-flip-box--button):hover .uncoder-flip-box__back{clip-path:circle(150% at var(--uncoder-flip-origin, 0% 0%));pointer-events:auto}}.uncoder-flip-box--slide .uncoder-flip-box__back,.uncoder-flip-box--fade .uncoder-flip-box__back,.uncoder-flip-box--zoom .uncoder-flip-box__back{z-index:1;opacity:0;pointer-events:none}.uncoder-flip-box--slide .uncoder-flip-box__back{opacity:1}.uncoder-flip-box--from-bottom .uncoder-flip-box__back{transform:translateY(100%)}.uncoder-flip-box--from-top .uncoder-flip-box__back{transform:translateY(-100%)}.uncoder-flip-box--from-right .uncoder-flip-box__back{transform:translate(100%)}.uncoder-flip-box--from-left .uncoder-flip-box__back{transform:translate(-100%)}.uncoder-flip-box--zoom .uncoder-flip-box__back{transform:scale(.72)}.uncoder-flip-box--slide:is(.uncoder-flip-box--flipped,:not(.uncoder-flip-box--button):focus-visible,:not(.uncoder-flip-box--button):has(:focus-visible)) .uncoder-flip-box__back,.uncoder-flip-box--fade:is(.uncoder-flip-box--flipped,:not(.uncoder-flip-box--button):focus-visible,:not(.uncoder-flip-box--button):has(:focus-visible)) .uncoder-flip-box__back,.uncoder-flip-box--zoom:is(.uncoder-flip-box--flipped,:not(.uncoder-flip-box--button):focus-visible,:not(.uncoder-flip-box--button):has(:focus-visible)) .uncoder-flip-box__back{opacity:1;transform:none;pointer-events:auto}.uncoder-flip-box--zoom:is(.uncoder-flip-box--flipped,:not(.uncoder-flip-box--button):focus-visible,:not(.uncoder-flip-box--button):has(:focus-visible)) .uncoder-flip-box__front{transform:scale(1.12);opacity:0}@media(hover:hover){.uncoder-flip-box--slide:not(.uncoder-flip-box--button):hover .uncoder-flip-box__back,.uncoder-flip-box--fade:not(.uncoder-flip-box--button):hover .uncoder-flip-box__back,.uncoder-flip-box--zoom:not(.uncoder-flip-box--button):hover .uncoder-flip-box__back{opacity:1;transform:none;pointer-events:auto}.uncoder-flip-box--zoom:not(.uncoder-flip-box--button):hover .uncoder-flip-box__front{transform:scale(1.12);opacity:0}}.uncoder-flip-box--flip-x .uncoder-flip-box__back,.uncoder-flip-box--flip-y .uncoder-flip-box__back{pointer-events:none}.uncoder-flip-box:is(.uncoder-flip-box--flipped,:not(.uncoder-flip-box--button):focus-visible,:not(.uncoder-flip-box--button):has(:focus-visible)) .uncoder-flip-box__back{pointer-events:auto}.uncoder-flip-box:is(.uncoder-flip-box--flipped,:not(.uncoder-flip-box--button):focus-visible,:not(.uncoder-flip-box--button):has(:focus-visible)) .uncoder-flip-box__front{pointer-events:none}@media(hover:hover){.uncoder-flip-box:not(.uncoder-flip-box--button):hover .uncoder-flip-box__back{pointer-events:auto}.uncoder-flip-box:not(.uncoder-flip-box--button):hover .uncoder-flip-box__front{pointer-events:none}}.uncoder-flip-box__toggle{position:absolute;right:var(--uncoder-flip-toggle-offset, 24px);bottom:var(--uncoder-flip-toggle-offset, 24px);z-index:1;display:inline-grid;place-items:center;width:var(--uncoder-flip-toggle-size, 40px);height:var(--uncoder-flip-toggle-size, 40px);padding:0;border:0;border-radius:999px;background:var(--uncoder-flip-toggle-bg, #fff);color:var(--uncoder-flip-toggle-color, #111);cursor:pointer;transition:transform .2s ease}.uncoder-flip-box__toggle svg{width:var(--uncoder-flip-toggle-icon, 20px);height:var(--uncoder-flip-toggle-icon, 20px)}.uncoder-flip-box__toggle:hover{transform:scale(1.06)}.uncoder-flip-box__toggle:focus-visible{outline:2px solid var(--uncoder-flip-focus);outline-offset:3px}@media(prefers-reduced-motion:reduce){.uncoder-flip-box .uncoder-flip-box__inner,.uncoder-flip-box .uncoder-flip-box__face{transition-duration:1ms}}