.crk-rx{--crk-rx-accent: var(--crk-accent);display:grid;grid-template-areas:"head" "stage" "tools" "bar";gap:16px;margin-top:var(--crk-rx-mt, 0px);margin-bottom:var(--crk-rx-mb, 0px)}.crk-rx__head{grid-area:head;display:grid;gap:10px}.crk-rx__meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;padding-bottom:10px;border-bottom:1px solid var(--crk-line)}.crk-record .crk-rx .crk-label{color:var(--crk-rx-accent)}.crk-rx__file{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--crk-dim)}.crk-rx__kind{color:var(--crk-text)}.crk-record .crk-rx .crk-rx__title{font-size:26px}.crk-record .crk-rx .crk-rx__copy{color:var(--crk-text);max-width:60ch}.crk-rx__copy>*+*{margin-top:8px}.crk-rx__warn{font-size:12px;color:var(--crk-red);border:1px dashed var(--crk-red);padding:8px 10px}.crk-record .crk-rx .crk-rx__stage{grid-area:stage;width:100%;max-height:78vh;overflow:hidden}.crk-rx__frame{position:absolute;top:12px;right:12px;bottom:12px;left:12px;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.crk-rx[data-crk-rx-mode=paint] .crk-rx__frame{cursor:crosshair}.crk-record .crk-rx .crk-rx__frame:focus{outline:none}.crk-record .crk-rx .crk-rx__frame:focus-visible{outline:2px solid var(--crk-accent);outline-offset:4px}.crk-record .crk-rx .crk-rx__img,.crk-rx__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none}.crk-rx__canvas{display:block}:root .crk-record .crk-rx .crk-rx__base{position:absolute;z-index:1}:root .crk-record .crk-rx .crk-rx__canvas{z-index:2}:root .crk-record .crk-rx .crk-rx__full{position:absolute;z-index:3}.crk-rx__full{opacity:0;transition:opacity .3s ease}.crk-rx[data-crk-rx-view=full] .crk-rx__full{opacity:1}.crk-record .crk-rx .crk-rx__fx{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;z-index:4;display:block;width:calc(100% + 24px);height:calc(100% + 24px);max-width:none;pointer-events:none}.crk-record .crk-rx .crk-rx__ring{position:absolute;left:0;top:0;z-index:5;border:1px solid var(--crk-rx-accent);opacity:.6;border-radius:50%!important;pointer-events:none}.crk-rx__ring[hidden]{display:none}.crk-record .crk-rx .crk-rx__hint,.crk-record .crk-rx .crk-rx__flag{position:absolute;z-index:6;margin:0;padding:6px 10px;background:var(--crk-panel);border:1px solid var(--crk-line);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.crk-record .crk-rx .crk-rx__hint{left:12px;bottom:12px;color:var(--crk-rx-accent);transition:opacity .4s ease,visibility 0s linear 0s}.crk-record .crk-rx[data-crk-rx-touched] .crk-rx__hint,.crk-record .crk-rx[data-crk-rx-view=full] .crk-rx__hint,.crk-record .crk-rx[data-crk-rx-mode=view] .crk-rx__hint{opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s}.crk-record .crk-rx[data-crk-rx-hint-on]:not([data-crk-rx-view=full]):not([data-crk-rx-mode=view]) .crk-rx__hint{opacity:1;visibility:visible;transition:opacity .25s ease,visibility 0s linear 0s}.crk-record .crk-rx .crk-rx__flag{left:12px;top:12px;color:var(--crk-red);border-color:var(--crk-red);letter-spacing:.08em}.crk-rx__tools{grid-area:tools;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.crk-record .crk-rx .crk-rx__tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:60px;padding:8px 4px;margin:0;background:var(--crk-panel);border:1px solid var(--crk-line);color:var(--crk-text);font:inherit;font-size:11px;font-weight:500;line-height:1.2;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent}.crk-rx__tool svg{flex:none;width:20px;height:20px}.crk-rx__tool span{max-width:100%;text-align:center}@media(max-width:439px){.crk-record .crk-rx .crk-rx__tool{font-size:10px;letter-spacing:.02em;padding:8px 2px}}@media(max-width:359px){.crk-record .crk-rx .crk-rx__tool{font-size:9.5px;letter-spacing:0;padding:8px 1px}.crk-rx .crk-rx__status{gap:6px;letter-spacing:.03em}.crk-rx .crk-rx__bar{column-gap:8px}}@media(max-width:299px){.crk-rx__tool span{overflow-wrap:anywhere}}.crk-record .crk-rx .crk-rx__tool:hover{border-color:var(--crk-accent)}.crk-record .crk-rx .crk-rx__tool[aria-pressed=true]{background:var(--crk-purple);border-color:var(--crk-accent);color:var(--crk-onpurple)}.crk-record .crk-rx .crk-rx__tool[data-crk-rx-nudge]{border-color:var(--crk-accent);color:var(--crk-accent)}.crk-rx[data-crk-rx-mode=view] .crk-rx__tools{display:none}.crk-rx__bar{grid-area:bar;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px}.crk-rx__status{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--crk-dim)}.crk-rx__word{color:var(--crk-text)}.crk-rx__dot{flex:none;width:7px;height:7px;border:1px solid var(--crk-dim)}.crk-rx__status[data-crk-rx-state=active] .crk-rx__dot,.crk-rx__status[data-crk-rx-state=full] .crk-rx__dot{background:var(--crk-rx-accent);border-color:var(--crk-rx-accent)}.crk-rx__status[data-crk-rx-state=cooling] .crk-rx__dot{border-color:var(--crk-rx-accent)}.crk-rx__status[data-crk-rx-state=extinguish] .crk-rx__dot{background:var(--crk-text);border-color:var(--crk-text)}.crk-rx__status{margin-right:auto}.crk-record .crk-rx .crk-rx__sound{display:inline-flex;align-items:center;gap:6px;padding:0 8px;border-color:transparent;color:var(--crk-dim)}.crk-record .crk-rx .crk-rx__sound:hover,.crk-record .crk-rx .crk-rx__sound[aria-pressed=true]{color:var(--crk-rx-accent)}.crk-rx__sound svg{flex:none;width:16px;height:16px}.crk-rx__sound .crk-rx__sound-on,.crk-rx__sound[aria-pressed=true] .crk-rx__sound-off{display:none}.crk-rx__sound[aria-pressed=true] .crk-rx__sound-on{display:inline}.crk-rx__sound[hidden],.crk-rx[data-crk-rx-mode=view] .crk-rx__sound{display:none}@media(max-width:479px){.crk-record .crk-rx .crk-rx__sound{width:44px;justify-content:center;padding:0}.crk-rx__sound [data-crk-rx-sound-word]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.crk-rx__actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%}.crk-record .crk-rx .crk-rx__btn{width:100%;color:var(--crk-rx-accent)}.crk-record .crk-rx[data-crk-rx-view=full] [data-crk-rx-toggle]{background:var(--crk-purple);border-color:var(--crk-accent);color:var(--crk-onpurple)}.crk-record .crk-rx [data-crk-rx-reset][aria-disabled=true]{color:var(--crk-dim);cursor:default}.crk-rx[data-crk-rx-mode=view] [data-crk-rx-reset]{display:none}.crk-rx[data-crk-rx-mode=view] .crk-rx__actions{grid-template-columns:minmax(0,1fr)}.crk-rx__nojs{grid-area:bar}.crk-rx__nojs>summary{display:inline-flex;align-items:center;list-style:none}.crk-rx__nojs>summary::-webkit-details-marker{display:none}.crk-rx__nojs img{display:block;width:100%;height:auto;margin-top:12px;border:1px solid var(--crk-line)}.crk-rx-empty{padding:16px;border:1px dashed var(--crk-line);color:var(--crk-dim);font-size:12px;letter-spacing:.08em;text-transform:uppercase}@media(min-width:480px){.crk-rx__actions{display:flex;width:auto}.crk-record .crk-rx .crk-rx__btn{width:auto}}@media(min-width:600px){.crk-record .crk-rx .crk-rx__tool{flex-direction:row;gap:8px;min-height:48px;padding:0 10px;font-size:12px;letter-spacing:.08em}}@media(min-width:768px){.crk-rx{gap:20px}.crk-record .crk-rx .crk-rx__title{font-size:30px}.crk-rx__file,.crk-rx__status,.crk-record .crk-rx .crk-rx__hint,.crk-record .crk-rx .crk-rx__flag{font-size:12px}}@media(min-width:960px){.crk-record .crk-grid.crk-grid--rx{grid-template-rows:auto 1fr}.crk-record .crk-grid--rx>.crk-panel-sticky{grid-column:2;grid-row:1 / span 2}.crk-record .crk-grid--rx>.crk-rx-slot{grid-column:1;grid-row:2;min-width:0}.crk-rx--wide{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"stage head" "stage tools" "stage bar";grid-template-rows:auto auto 1fr;column-gap:40px;align-items:start}}@media(prefers-reduced-motion:reduce){.crk-record .crk-rx[data-crk-rx-hint-on] .crk-rx__hint,.crk-rx__full,.crk-record .crk-rx .crk-rx__hint,.crk-record .crk-rx[data-crk-rx-touched] .crk-rx__hint,.crk-record .crk-rx[data-crk-rx-view=full] .crk-rx__hint{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/crooks-reaction.css.map */