.f5-live-demo{background:#fff;color:#17150f}.f5-live-demo *{box-sizing:border-box}.f5-live-demo__section{width:min(calc(100% - 40px),var(--f5-demo-max-width));margin:0 auto;padding:var(--f5-demo-padding-top) 0 var(--f5-demo-padding-bottom)}.f5-live-demo__header{width:min(100%,calc(var(--f5-demo-board-size) + var(--f5-demo-phone-width) + var(--f5-demo-column-gap)));margin:0 auto 30px}.f5-live-demo__eyebrow,.f5-live-demo__ink-label,.f5-live-demo__paper-label,.f5-live-demo__sync{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.22em}.f5-live-demo__eyebrow{margin:0 0 16px;color:#77746c;font-size:11px}.f5-live-demo__heading{max-width:1040px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5vw,var(--f5-demo-heading-size));font-weight:400;line-height:.98;letter-spacing:-.045em}.f5-live-demo__heading em{color:#315ca8;font-weight:400}.f5-live-demo__subtext{max-width:620px;margin-top:16px;color:#55524c;font-size:16px;line-height:1.55}.f5-live-demo__toolbar{display:flex;align-items:center;justify-content:space-between;width:min(100%,calc(var(--f5-demo-board-size) + var(--f5-demo-phone-width) + var(--f5-demo-column-gap)));margin:0 auto 12px}.f5-live-demo__inks,.f5-live-demo__actions{display:flex;align-items:center}.f5-live-demo__inks{gap:13px}.f5-live-demo__actions{gap:18px}.f5-live-demo__ink-label{margin-right:3px;color:#77746c;font-size:10px}.f5-live-demo__ink{width:24px;height:24px;padding:0;border:0;border-radius:50%;background:#17150f;cursor:pointer}.f5-live-demo__ink.is-active{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #17150f}.f5-live-demo__ink--blue{background:#2d54a0}.f5-live-demo__ink--red{background:#b63132}.f5-live-demo__replay{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:7px 18px;border:1px solid #17150f;border-radius:999px;background:#fff;color:#17150f;font:inherit;cursor:pointer}.f5-live-demo__play-icon{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}.f5-live-demo__clear{padding:7px 0;border:0;border-bottom:1px solid #77746c;background:transparent;color:#77746c;font:inherit;cursor:pointer}.f5-live-demo__grid{display:grid;grid-template-columns:minmax(0,var(--f5-demo-board-size)) var(--f5-demo-phone-width);align-items:start;justify-content:center;gap:var(--f5-demo-column-gap)}.f5-live-demo__paper-wrap{position:relative;width:min(100%,var(--f5-demo-board-size));aspect-ratio:1 / 1;overflow:hidden;border:1px solid #d4d3ce;background:repeating-linear-gradient(0deg,transparent 0,transparent 31px,rgba(49,92,168,.045) 32px),#fdfdfc;box-shadow:0 20px 42px #1f242f14}.f5-live-demo__paper-label{position:absolute;z-index:1;top:15px;left:16px;color:#aaa79e;font-size:9px;pointer-events:none}.f5-live-demo__paper{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.f5-live-demo__phone-column{width:var(--f5-demo-phone-width)}.f5-live-demo__phone-shell{width:100%;overflow:hidden;border:1.5px solid #17150f;border-radius:34px;background:#f5f6f8;box-shadow:0 18px 40px #1f242f14}.f5-live-demo__phone-status,.f5-live-demo__phone-nav,.f5-live-demo__phone-tools{display:flex;align-items:center;justify-content:space-between;padding-right:17px;padding-left:17px}.f5-live-demo__phone-status{height:43px;padding-top:9px;color:#0c0d0f;font-family:Arial,sans-serif;font-size:12px}.f5-live-demo__phone-status strong{font-size:12px;line-height:1}.f5-live-demo__phone-nav{height:57px;color:#4c5057;font-family:Arial,sans-serif}.f5-live-demo__phone-nav strong{color:#101216;font-size:17px;letter-spacing:0}.f5-live-demo__status-icons{display:flex;align-items:center;gap:7px;height:18px}.f5-live-demo__signal{display:flex;align-items:flex-end;gap:2px;height:13px}.f5-live-demo__signal i{display:block;width:3px;border-radius:1px;background:#111317}.f5-live-demo__signal i:nth-child(1){height:4px}.f5-live-demo__signal i:nth-child(2){height:7px}.f5-live-demo__signal i:nth-child(3){height:10px}.f5-live-demo__signal i:nth-child(4){height:13px;background:#c2c4c8}.f5-live-demo__wifi{width:22px;height:17px;color:#111317}.f5-live-demo__battery{position:relative;display:flex;align-items:center;justify-content:center;width:29px;height:14px;border:1.5px solid #111317;border-radius:4px;background:#111317;color:#fff}.f5-live-demo__battery b{font-family:Arial,sans-serif;font-size:9px;line-height:1}.f5-live-demo__battery:after{content:"";position:absolute;top:3px;right:-3px;width:2px;height:6px;border-radius:0 1px 1px 0;background:#9ca0a7}.f5-live-demo__nav-left{display:flex;align-items:center;gap:11px}.f5-live-demo__back-svg{width:11px;height:22px}.f5-live-demo__undo-svg{width:22px;height:22px;color:#dfe1e5}.f5-live-demo__edit-icon{position:relative;width:24px;height:30px;color:#4c5057}.f5-live-demo__edit-icon svg{display:block;width:21px;height:26px}.f5-live-demo__edit-icon span:before,.f5-live-demo__edit-icon span:after{content:"";position:absolute;right:0;bottom:1px;width:9px;height:1.5px;background:#d42e3e}.f5-live-demo__edit-icon span:before{transform:rotate(45deg)}.f5-live-demo__edit-icon span:after{transform:rotate(-45deg)}.f5-live-demo__phone-divider{height:34px;border-top:1px solid #e7e8eb;border-bottom:1px solid #edeef0;background:#f2f3f5}.f5-live-demo__phone-canvas{height:var(--f5-demo-phone-height);background:#fff}.f5-live-demo__phone-canvas canvas{display:block;width:100%;height:100%}.f5-live-demo__phone-tools{height:76px;border-top:1px solid #aeb1b7;background:#f4f5f7}.f5-live-demo__tool-pen{position:relative;width:7px;height:34px;border:1px solid #d9dde2;border-radius:2px;background:linear-gradient(90deg,#f7f8fa 0 45%,#dfe2e6 45% 55%,#fff 55%)}.f5-live-demo__tool-pen:before{content:"";position:absolute;top:-8px;left:0;width:0;height:0;border-right:3.5px solid transparent;border-bottom:8px solid #ef202c;border-left:3.5px solid transparent}.f5-live-demo__tool-pen i{position:absolute;top:7px;left:-2px;width:11px;height:4px;background:#ef202c}.f5-live-demo__tool-eraser{position:relative;width:11px;height:31px;border:1px solid #e1e3e6;border-radius:3px;background:linear-gradient(#d98479 0 40%,#fff 40%)}.f5-live-demo__tool-eraser i{position:absolute;right:-2px;bottom:2px;width:3px;height:19px;background:#e7e9ec}.f5-live-demo__color-wheel{position:relative;width:34px;height:34px;border-radius:50%;background:conic-gradient(#ef4444,#f59e0b,#22c55e,#3b82f6,#8b5cf6,#ef4444)}.f5-live-demo__color-wheel:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:#f4f5f7}.f5-live-demo__tool-more{display:inline-flex;align-items:center;justify-content:center;gap:2px;width:27px;height:27px;border:1.5px solid #50545c;border-radius:50%}.f5-live-demo__tool-more i{width:3px;height:3px;border-radius:50%;background:#50545c}.f5-live-demo__sync{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:14px;color:#77746c;font-size:8px;letter-spacing:.12em;white-space:nowrap}.f5-live-demo__sync-dot,.f5-live-demo__current-ink{width:7px;height:7px;border-radius:50%}.f5-live-demo__sync-dot{background:#315ca8}.f5-live-demo__current-ink{background:#17150f}@media(max-width:900px){.f5-live-demo__section{width:min(calc(100% - 28px),var(--f5-demo-max-width));padding-top:max(52px,calc(var(--f5-demo-padding-top) * .7));padding-bottom:max(52px,calc(var(--f5-demo-padding-bottom) * .7))}.f5-live-demo__header{margin-bottom:30px}.f5-live-demo__heading{font-size:clamp(38px,11vw,58px)}.f5-live-demo__toolbar{align-items:flex-start;gap:18px}.f5-live-demo__actions{gap:12px}.f5-live-demo__grid{grid-template-columns:minmax(0,min(100%,var(--f5-demo-board-size)));gap:42px}.f5-live-demo__paper-wrap{justify-self:center}.f5-live-demo__phone-column{justify-self:center;width:min(78vw,var(--f5-demo-phone-width))}}@media(max-width:520px){.f5-live-demo__toolbar{flex-direction:column}.f5-live-demo__actions{width:100%;justify-content:space-between}.f5-live-demo__paper-label{top:10px;left:10px;font-size:7px}}.oft{box-sizing:border-box;overflow:clip;padding-block:var(--oft-padding-top) var(--oft-padding-bottom);background:var(--oft-background);color:var(--oft-text)}.oft *,.oft *:before,.oft *:after{box-sizing:border-box}.oft__inner{display:block;width:min(calc(100% - 40px),var(--oft-max-width));margin-inline:auto}.oft__header{display:grid;justify-items:center;gap:14px;margin:0 auto clamp(30px,4vw,52px);text-align:center}.oft__heading{max-width:24ch;margin:0;color:var(--oft-text);font:inherit;font-size:clamp(48px,5vw,78px);font-weight:500;letter-spacing:-.045em;line-height:1.1;padding-bottom:.04em}.oft__heading-accent{display:inline-block;padding-bottom:.06em;color:var(--oft-accent);font:inherit;font-style:italic}.oft__introduction{max-width:62ch;color:var(--oft-muted);font-size:clamp(15px,1.25vw,18px);line-height:1.55}.oft__introduction p,.oft__description p{margin:0}.oft__tabs-scroller{margin-bottom:clamp(26px,3vw,42px);overflow:visible}.oft__tabs{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;padding:4px;border:1px solid color-mix(in srgb,var(--oft-text) 15%,transparent);border-radius:10px;background:color-mix(in srgb,var(--oft-text) 4%,var(--oft-background))}.oft__tab{min-width:0;min-height:50px;margin:0;padding:12px 18px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--oft-muted);font:inherit;font-size:clamp(14px,1vw,16px);font-weight:600;line-height:1.25;text-align:center;cursor:pointer;-webkit-appearance:none;appearance:none;transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.oft__tab:hover{color:var(--oft-text)}.oft__tab:active{transform:scale(.99)}.oft__tab.is-active{border-color:color-mix(in srgb,var(--oft-text) 14%,transparent);background:color-mix(in srgb,white 76%,var(--oft-background));color:var(--oft-accent);box-shadow:0 3px 10px color-mix(in srgb,var(--oft-text) 10%,transparent)}.oft__tab:focus-visible,.oft__playback:focus-visible{outline:3px solid color-mix(in srgb,var(--oft-accent) 58%,white);outline-offset:4px}.oft__panel[hidden]{display:none}.oft__stage{position:relative;isolation:isolate}.oft__media{position:relative;overflow:hidden;aspect-ratio:16 / 9;border-radius:var(--oft-radius);background:color-mix(in srgb,var(--oft-text) 5%,var(--oft-background))}.oft__video,.oft__video video{display:block;width:100%;height:100%;object-fit:contain;background:color-mix(in srgb,var(--oft-text) 4%,var(--oft-background))}.oft__placeholder{display:grid;width:100%;height:100%;place-items:center;align-content:center;gap:18px;padding:32px;color:var(--oft-muted);text-align:center}.oft__placeholder-svg{width:min(340px,58%);height:auto;opacity:.38}.oft__playback{position:absolute;z-index:3;right:20px;bottom:20px;display:none;width:48px;height:48px;place-items:center;margin:0;padding:0;border:1px solid color-mix(in srgb,var(--oft-text) 12%,transparent);border-radius:50%;background:color-mix(in srgb,var(--oft-background) 90%,transparent);color:var(--oft-text);box-shadow:0 8px 24px color-mix(in srgb,var(--oft-text) 12%,transparent);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-appearance:none;appearance:none}.oft__inner.is-ready .oft__playback{display:grid}.oft__playback-icon{display:grid;width:22px;height:22px;place-items:center}.oft__playback-icon svg{display:block;width:100%;height:100%;fill:currentColor}.oft__playback-icon--play,.oft__playback.is-paused .oft__playback-icon--pause{display:none}.oft__playback.is-paused .oft__playback-icon--play{display:grid}.oft__copy{display:none}.oft__eyebrow{margin:0;color:var(--oft-accent);font-size:.74rem;font-weight:700;letter-spacing:.13em;line-height:1.3;text-transform:uppercase}.oft__title{margin:0;color:var(--oft-text);font:inherit;font-size:clamp(1.35rem,2.2vw,2.15rem);font-weight:500;letter-spacing:-.03em;line-height:1.1}.oft__description{color:var(--oft-muted);font-size:clamp(.9rem,1.1vw,1rem);line-height:1.5}.oft__empty{display:grid;min-height:280px;place-items:center;border:1px dashed color-mix(in srgb,var(--oft-text) 22%,transparent);border-radius:var(--oft-radius);color:var(--oft-muted);text-align:center}@media(max-width:749px){.oft__inner{width:min(calc(100% - 28px),var(--oft-max-width))}.oft__header{justify-items:start;margin-bottom:28px;text-align:left}.oft__heading{max-width:15ch;font-size:clamp(38px,11vw,54px)}.oft__tabs-scroller{margin-right:0;margin-bottom:22px;padding-right:0;overflow:visible}.oft__tabs{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;gap:0}.oft__tab{min-height:48px;padding:10px 8px;border-radius:7px;font-size:13px;white-space:nowrap}.oft__tab.is-active{border-color:color-mix(in srgb,var(--oft-text) 14%,transparent);background:color-mix(in srgb,white 76%,var(--oft-background));color:var(--oft-accent)}.oft__media{border-radius:min(var(--oft-radius),18px)}.oft__playback{right:12px;bottom:12px;width:42px;height:42px}}@media(prefers-reduced-motion:reduce){.oft__tab{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/41/compiled_assets/styles.css.map?subset=AABAAAAAAAAAAAE */