:root{--crkd-hl:#ff2d78;--crkd-hl-rgb:255,45,120;--cx-fg:255,255,255;--cx-bg:10,10,10;--cx-bg2:11,11,11;--cx-bg3:13,13,13;--cx-bg4:17,18,20;--cx-cream:#ece7dd;--cx-bgc:rgb(var(--cx-bg));--cx-line:rgba(var(--cx-fg),.078);--cx-dim:rgba(var(--cx-fg),.333);--cx-dimmer:rgba(var(--cx-fg),.18);--cx-bar:38px;--cx-rail:46px;--cx-insp:168px;--cx-status:26px}html.cx-on{background:rgb(var(--cx-bg))!important}html.cx-on body{background:transparent!important;padding:var(--cx-bar) var(--cx-insp) var(--cx-status) var(--cx-rail)!important;min-height:100svh;box-sizing:border-box}html.cx-on #MainContent{min-height:calc(100svh - var(--cx-bar) - var(--cx-status))}.cx-grid{position:fixed;left:var(--cx-rail);top:var(--cx-bar);width:calc(100vw - var(--cx-rail) - var(--cx-insp));height:calc(100svh - var(--cx-bar) - var(--cx-status));z-index:-1;pointer-events:none;display:block}.cx-doodle{position:fixed;left:var(--cx-rail);top:var(--cx-bar);width:calc(100vw - var(--cx-rail) - var(--cx-insp));height:calc(100svh - var(--cx-bar) - var(--cx-status));z-index:45;pointer-events:none;touch-action:none;display:block}html.cx-drawing .cx-doodle{pointer-events:auto}.cx-menu,.cx-rail,.cx-insp,.cx-status{font-family:Helvetica,Arial,sans-serif;color:rgb(var(--cx-fg));-webkit-font-smoothing:antialiased;box-sizing:border-box}.cx-menu *,.cx-rail *,.cx-insp *,.cx-status *,.cx-pop *{box-sizing:border-box;margin:0;padding:0}.cx-menu{position:fixed;top:0;left:0;right:0;height:var(--cx-bar);z-index:60;display:flex;align-items:center;gap:2px;padding:0 10px;border-bottom:1px solid var(--cx-line);background:rgb(var(--cx-bg2))}.cx-menu .brand{display:flex;align-items:center;gap:9px;margin-right:14px;text-decoration:none;color:rgb(var(--cx-fg))}.cx-menu .brand .mk{width:15px;height:15px;color:var(--crkd-hl);display:block}.cx-menu .brand b{font-size:11px;font-weight:700;letter-spacing:.06em}.cx-menu .brand b i{color:var(--crkd-hl);font-style:normal}.cx-menu .mitem{font-size:10.5px;font-weight:500;letter-spacing:.02em;color:var(--cx-dim);padding:6px 9px;cursor:pointer;text-decoration:none;border-radius:2px;transition:.15s}.cx-menu .mitem:hover{color:rgb(var(--cx-fg));background:rgba(var(--cx-fg),.063)}.cx-menu .mitem.active{color:rgb(var(--cx-fg))}.cx-menu .spacer{flex:1}.cx-menu .cta{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--crkd-hl);border:1px solid rgba(var(--crkd-hl-rgb),.333);padding:6px 12px;border-radius:2px;cursor:pointer;text-decoration:none;transition:.2s}.cx-menu .cta:hover{border-color:var(--crkd-hl);background:rgba(var(--crkd-hl-rgb),.078)}.cx-rail{position:fixed;left:0;top:var(--cx-bar);bottom:var(--cx-status);width:var(--cx-rail);z-index:50;border-right:1px solid var(--cx-line);background:rgb(var(--cx-bg2));display:flex;flex-direction:column;align-items:center;padding:8px 0}.cx-rail .cx-tools{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;width:100%}.cx-rail .cx-tools::-webkit-scrollbar{display:none}.cx-rail .tool{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;color:var(--cx-dimmer);border-radius:3px;cursor:pointer;transition:.15s;position:relative;background:transparent;border:0;font:inherit}.cx-rail .tool svg{width:16px;height:16px;display:block}.cx-rail .tool:hover{color:rgb(var(--cx-fg));background:rgba(var(--cx-fg),.051)}.cx-rail .tool.on{color:var(--crkd-hl);background:rgba(var(--crkd-hl-rgb),.07)}.cx-rail .tool.on:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:2px;background:var(--crkd-hl);border-radius:2px}.cx-rail .tool.lit{color:rgb(var(--cx-fg))}.cx-rail .tool:focus-visible{outline:1px solid var(--crkd-hl);outline-offset:1px}.cx-rail .sep{width:18px;height:1px;flex:0 0 1px;background:var(--cx-line);margin:5px 0}.cx-tip{position:fixed;left:52px;z-index:70;white-space:nowrap;background:rgb(var(--cx-bg4));border:1px solid var(--cx-line);color:rgb(var(--cx-fg));font:700 8px/1 Helvetica,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:6px 7px;border-radius:2px;pointer-events:none;opacity:0;transform:translateY(-50%);transition:opacity .12s}.cx-tip.show{opacity:1}.cx-tip kbd{font:inherit;color:var(--crkd-hl);margin-left:6px}.cx-chips{position:relative;width:34px;height:34px;flex:0 0 34px;margin:8px 0 4px}.cx-chip{position:absolute;width:20px;height:20px;border:1px solid rgba(var(--cx-fg),.333);border-radius:2px;cursor:pointer;padding:0;box-shadow:0 0 0 1px rgb(var(--cx-bg2))}.cx-chip.fg{left:0;top:0;z-index:2}.cx-chip.bg{right:0;bottom:0;z-index:1}.cx-chip-swap{position:absolute;right:-1px;top:-1px;width:11px;height:11px;color:var(--cx-dim);cursor:pointer;background:none;border:0;padding:0}.cx-chip-swap:hover,.cx-chip-reset:hover{color:rgb(var(--cx-fg))}.cx-chip-reset{position:absolute;left:-1px;bottom:-1px;width:11px;height:11px;cursor:pointer;background:none;border:0;padding:0;color:var(--cx-dim)}.cx-chip-swap svg,.cx-chip-reset svg{width:11px;height:11px;display:block}.cx-hidden-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;border:0;padding:0}.cx-pop{position:fixed;z-index:70;background:rgb(var(--cx-bg4));border:1px solid var(--cx-line);border-radius:3px;padding:10px 12px;font-family:Helvetica,Arial,sans-serif;color:rgb(var(--cx-fg));display:none;box-shadow:0 10px 30px -10px #000}.cx-pop.open{display:block}.cx-pop label{display:block;font-size:7px;letter-spacing:.16em;text-transform:uppercase;color:var(--cx-dimmer);margin-bottom:6px}.cx-pop input[type=range]{width:130px;accent-color:var(--crkd-hl)}.cx-pop .v{font-size:11px;font-variant-numeric:tabular-nums;margin-top:4px}.cx-pop .v span{color:var(--crkd-hl)}.cx-insp{position:fixed;right:0;top:var(--cx-bar);bottom:var(--cx-status);width:var(--cx-insp);z-index:50;border-left:1px solid var(--cx-line);background:rgb(var(--cx-bg2));display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.cx-insp::-webkit-scrollbar{display:none}.cx-insp .pnl,.cx-swpnl{border-bottom:1px solid var(--cx-line);padding:10px 12px!important}.cx-insp .pnl h4,.cx-swpnl h4{font-size:8.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--cx-dim);margin:0 0 9px!important;line-height:normal}.cx-insp .props{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px}.cx-insp .prop{display:flex;flex-direction:column;gap:3px}.cx-insp .prop label{font-size:7px;letter-spacing:.16em;text-transform:uppercase;color:var(--cx-dimmer)}.cx-insp .prop .v{font-size:11px;color:rgb(var(--cx-fg));font-variant-numeric:tabular-nums;letter-spacing:.02em}.cx-insp .prop .v span{color:var(--crkd-hl)}.cx-insp .idrow{font-size:10px;line-height:1.7;color:var(--cx-dim);padding:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cx-insp .idrow b{color:rgb(var(--cx-fg));font-weight:500}@media(min-width:881px){html.cx-on [id^=crkd-] .app>.insp{position:fixed!important;right:0!important;top:var(--cx-bar)!important;bottom:var(--cx-status)!important;width:var(--cx-insp)!important;height:auto!important;display:flex!important;flex-direction:column;z-index:51!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none;grid-area:auto!important;margin:0!important}html.cx-on [id^=crkd-] .app>.insp::-webkit-scrollbar{display:none}html.cx-has-insp .cx-insp{visibility:hidden}}.cx-swpnl{font-family:Helvetica,Arial,sans-serif}.cx-swpnl .cx-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px!important}.cx-swpnl .cx-lab{font-size:7px;letter-spacing:.16em;text-transform:uppercase;color:var(--cx-dimmer)}.cx-switch{display:flex;border:1px solid rgba(var(--cx-fg),.122);border-radius:2px;overflow:hidden}.cx-switch button{font:700 7.5px/1 Helvetica,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--cx-dim);background:transparent;border:0;padding:5px 7px!important;cursor:pointer;transition:.15s}.cx-switch button:hover{color:rgb(var(--cx-fg))}.cx-switch button.on{background:rgba(var(--crkd-hl-rgb),.14);color:var(--crkd-hl)}.cx-swatches{display:flex;flex-wrap:wrap;gap:6px}.cx-sw{width:22px;height:22px;border-radius:2px;border:1px solid rgba(var(--cx-fg),.122);cursor:pointer;position:relative;padding:0}.cx-sw.active{outline:1.5px solid rgb(var(--cx-fg));outline-offset:1px}.cx-sw.custom{background:conic-gradient(#ff2d78,#ffb800,#3dd68c,#2d9cff,#a45dff,#ff2d78)}.cx-sw.custom:after{content:"+";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:rgb(var(--cx-fg));font:700 11px/1 Helvetica,Arial,sans-serif;text-shadow:0 0 3px #000}.cx-swhex{margin:11px 0 0!important;font-size:8px;letter-spacing:.1em;color:var(--cx-dimmer);font-variant-numeric:tabular-nums;display:flex;justify-content:space-between;align-items:center;gap:6px}.cx-swhex b{color:var(--crkd-hl);font-weight:700}.cx-reset{font:700 7px/1 Helvetica,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--cx-dim);background:none;border:1px solid rgba(var(--cx-fg),.122);border-radius:2px;padding:4px 6px!important;cursor:pointer}.cx-reset:hover{color:rgb(var(--cx-fg));border-color:rgba(var(--cx-fg),.333)}.cx-typerow{grid-column:1/-1;margin:11px 0 0!important;padding:9px 0 0!important;border-top:1px solid var(--cx-line);font-family:Helvetica,Arial,sans-serif}.cx-typehead{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 6px!important}.cx-typehead label{font-size:7px;letter-spacing:.16em;text-transform:uppercase;color:var(--cx-dimmer)}.cx-typefont{font:700 8px/1 Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--cx-dim);letter-spacing:.02em}.cx-typectl{display:flex;align-items:center;gap:6px}.cx-fs-range{flex:1 1 auto;min-width:0;accent-color:var(--crkd-hl);height:14px;margin:0!important}.cx-fs-num{width:38px;flex:0 0 38px;background:transparent;border:1px solid var(--cx-line);border-radius:2px;color:rgb(var(--cx-fg));font:11px/1 Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;padding:3px!important;text-align:right;-moz-appearance:textfield}.cx-fs-num::-webkit-inner-spin-button,.cx-fs-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cx-fs-num:focus{outline:1px solid var(--crkd-hl);outline-offset:0}.cx-fs-unit{font-size:8px;color:var(--crkd-hl)}.cx-typerow.live .cx-typehead label{color:var(--crkd-hl)}html.cx-on [data-cx-layer]{-webkit-user-select:none;user-select:none}html.cx-on [data-cx-layer] .eye{cursor:pointer;border-radius:2px;flex:0 0 auto}html.cx-on [data-cx-layer] .eye:hover{color:rgb(var(--cx-fg))}html.cx-on [data-cx-layer] .eye:focus-visible{outline:1px solid var(--crkd-hl);outline-offset:1px}html.cx-on [data-cx-layer] .cx-slash{display:none}html.cx-on [data-cx-layer].off .cx-slash{display:inline}html.cx-on [data-cx-layer].off .eye circle{display:none}html.cx-on [data-cx-layer].off .eye{opacity:.45}html.cx-on [data-cx-layer].off span{opacity:.4}html.cx-nogrid .cx-grid,html.cx-nogrid .crkd-landing-section .reg{visibility:hidden}.cx-status{position:fixed;left:0;right:0;bottom:0;height:var(--cx-status);z-index:60;display:flex;align-items:center;gap:18px;padding:0 12px;overflow:hidden;white-space:nowrap;border-top:1px solid var(--cx-line);background:rgb(var(--cx-bg2));font-size:9px;color:var(--cx-dim);letter-spacing:.04em;font-variant-numeric:tabular-nums}.cx-status .s{display:flex;align-items:center;gap:6px}.cx-status .s b{color:rgb(var(--cx-fg));font-weight:700}.cx-status .s i{color:var(--crkd-hl);font-style:normal}.cx-status .spacer{flex:1}.cx-status .doc{color:var(--cx-dimmer);overflow:hidden;text-overflow:ellipsis}.cx-cut{position:fixed;z-index:55;display:none;font:700 7.5px/1 Helvetica,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--cx-fg));background:var(--crkd-hl);border:0;border-radius:2px;padding:6px 8px;cursor:pointer}.cx-cut.show{display:block}.cx-typein{position:fixed;z-index:56;background:transparent;border:1px dashed rgba(var(--crkd-hl-rgb),.6);outline:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-weight:700!important;padding:0 2px;margin:0;min-width:40px;line-height:1.1}html.cx-on [id^=crkd-] .app>.menu,html.cx-on [id^=crkd-] .app>.rail,html.cx-on [id^=crkd-] .app>.status,html.cx-on [id^=crkd-] .stage>canvas.j-ruler{display:none!important}html.cx-on [id^=crkd-] .app{display:block!important;height:auto!important;min-height:calc(100svh - var(--cx-bar) - var(--cx-status));overflow:visible!important;background:transparent!important;grid-template-columns:none!important;grid-template-rows:none!important}html.cx-on [id^=crkd-] .app>.stage{overflow:visible!important;height:auto!important;background:transparent!important;min-height:calc(100svh - var(--cx-bar) - var(--cx-status))}html.cx-on .crkd-landing-section [id^=crkd-] .app{height:calc(100svh - var(--cx-bar) - var(--cx-status))!important}html.cx-on .crkd-landing-section [id^=crkd-] .app>.stage{display:flex!important;overflow:hidden!important;height:calc(100svh - var(--cx-bar) - var(--cx-status))!important}html.cx-on body #MainContent .crkd-menu,html.cx-on body #MainContent .crkd-sv,html.cx-on body #MainContent .crkd-bf,html.cx-on body #MainContent .af-wrap{background:transparent!important;min-height:calc(100svh - var(--cx-bar) - var(--cx-status))!important}html.cx-on body #MainContent .cm-grid,html.cx-on body #MainContent .cm-rule,html.cx-on body #MainContent .cm-cursor,html.cx-on body #MainContent .cm-cross,html.cx-on body #MainContent .cm-dot,html.cx-on body #MainContent .sv-grid,html.cx-on body #MainContent .sv-cursor,html.cx-on body #MainContent .sv-cross,html.cx-on body #MainContent .sv-dot,html.cx-on body #MainContent .bf-grid,html.cx-on body #MainContent .bf-cursor,html.cx-on body #MainContent .bf-cross,html.cx-on body #MainContent .bf-dot{display:none!important}html.cx-on body #MainContent .af-wrap:before{display:none!important}html.cx-on body #MainContent .af-inner{padding-left:0!important;padding-right:0!important}html.cx-on body .gradient,html.cx-on body [class*=color-scheme-],html.cx-on body.gradient{--color-background:var(--cx-bg);--gradient-background:transparent;--color-foreground:var(--cx-fg);--color-button:var(--crkd-hl-rgb);--color-button-text:255,255,255;--color-secondary-button:var(--cx-bg);--color-secondary-button-text:var(--cx-fg);--color-link:var(--crkd-hl-rgb);--color-badge-foreground:var(--cx-fg);--color-badge-background:var(--cx-bg);--color-badge-border:var(--cx-fg);--color-shadow:0,0,0}html.cx-on #MainContent .gradient,html.cx-on #MainContent [class*=color-scheme-]{background:transparent!important}html.cx-light{--cx-fg:14,14,14;--cx-bg:244,243,240;--cx-bg2:238,237,234;--cx-bg3:233,232,229;--cx-bg4:226,225,222;--cx-cream:#1c1b1a;color-scheme:light}html.cx-light .cm-logo,html.cx-light .sv-logo,html.cx-light .bf-logo,html.cx-light .ab-wm{filter:invert(1)}@media(max-width:880px){html.cx-on body{padding:var(--cx-bar) 0 var(--cx-status) 0!important}.cx-rail,.cx-insp{display:none!important}.cx-grid,.cx-doodle{left:0;width:100vw}.cx-menu .mitem:nth-child(n+4){display:none}html.cx-on [id^=crkd-] .app>.insp{display:none!important}}@media print{.cx-menu,.cx-rail,.cx-insp,.cx-status,.cx-grid,.cx-doodle{display:none!important}html.cx-on body{padding:0!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/crkd-shell.css.map */