@property --shiny-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --shiny-angle-offset{syntax:"<angle>";inherits:false;initial-value:0deg}@property --shiny-percent{syntax:"<percentage>";inherits:false;initial-value:5%}@property --shiny-shine{syntax:"<color>";inherits:false;initial-value:#fff}.shiny-cta{--shiny-highlight:var(--accent);--shiny-highlight-subtle:color-mix(in srgb, var(--accent) 40%, var(--canvas));--shiny-surface:color-mix(in srgb, var(--accent) 8%, var(--canvas));--shiny-duration:3s;--shiny-transition:.8s cubic-bezier(.25, 1, .5, 1);isolation:isolate;outline-offset:4px;height:48px;color:var(--ink);font-family:inherit;font-size:inherit;font-weight:500;line-height:inherit;background:linear-gradient(110deg, var(--canvas), var(--shiny-surface)) padding-box, conic-gradient(from calc(var(--shiny-angle) - var(--shiny-angle-offset)), transparent, var(--shiny-highlight) var(--shiny-percent), var(--shiny-shine) calc(var(--shiny-percent) * 2), var(--shiny-highlight) calc(var(--shiny-percent) * 3), transparent calc(var(--shiny-percent) * 4)) border-box;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 10%, var(--canvas));transition:--shiny-angle-offset var(--shiny-transition), --shiny-percent var(--shiny-transition), --shiny-shine var(--shiny-transition), transform var(--duration-press) var(--ease-out);border:1px solid #0000;border-radius:9999px;place-items:center;padding:6px 24px;display:grid;position:relative;overflow:hidden}.shiny-cta:before,.shiny-cta:after,.shiny-cta-content:before{content:"";pointer-events:none;z-index:-1;position:absolute;top:50%;left:50%;translate:-50% -50%}.shiny-cta:before{border-radius:inherit;background:radial-gradient(circle at 2px 2px, var(--shiny-highlight) .5px, transparent 0);width:calc(100% - 6px);height:calc(100% - 6px);-webkit-mask-image:conic-gradient(from calc(var(--shiny-angle) + 45deg), black, transparent 10% 90%, black);mask-image:conic-gradient(from calc(var(--shiny-angle) + 45deg), black, transparent 10% 90%, black);opacity:.16;background-repeat:space;background-size:4px 4px}.shiny-cta:after{aspect-ratio:1;background:linear-gradient(-50deg, transparent, var(--shiny-highlight), transparent);opacity:.12;width:100%;-webkit-mask-image:radial-gradient(circle at bottom,#0000 40%,#000);mask-image:radial-gradient(circle at bottom,#0000 40%,#000)}.shiny-cta-content{z-index:1}.shiny-cta-content:before{width:calc(100% + 1rem);height:calc(100% + 1rem);box-shadow:inset 0 -1ex 2rem 4px var(--shiny-highlight);opacity:0;transition:opacity var(--shiny-transition);animation:shiny-breathe calc(var(--shiny-duration) * 1.5) linear infinite}.shiny-cta,.shiny-cta:before{animation:shiny-angle var(--shiny-duration) linear infinite, shiny-angle calc(var(--shiny-duration) / .4) linear infinite reverse paused;animation-composition:add}.shiny-cta:after{animation:shiny-shimmer var(--shiny-duration) linear infinite}.shiny-cta:is(:hover,:focus-visible){--shiny-percent:20%;--shiny-angle-offset:95deg;--shiny-shine:var(--shiny-highlight-subtle)}.shiny-cta:is(:hover,:focus-visible),.shiny-cta:is(:hover,:focus-visible):before{animation-play-state:running}.shiny-cta:is(:hover,:focus-visible) .shiny-cta-content:before{opacity:.12}.shiny-cta:not([data-motion=instant]):active{transform:translateY(1px)}@keyframes shiny-angle{to{--shiny-angle:360deg}}@keyframes shiny-shimmer{to{rotate:360deg}}@keyframes shiny-breathe{0%,to{scale:1}50%{scale:1.2}}@media (prefers-reduced-motion:reduce){.shiny-cta,.shiny-cta:before,.shiny-cta:after,.shiny-cta-content:before{transition:none;animation:none}.shiny-cta:not([data-motion=instant]):active{transform:none}}
.about-heading-row{margin-top:48px;position:relative}.inline-highlight-trigger{color:inherit;font:inherit;letter-spacing:inherit;text-align:inherit;-webkit-user-select:text;user-select:text;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:inline}.media-lightbox.word-preview-lightbox{width:min(250px, calc(100vw - 48px), calc((100dvh - 48px) * var(--word-preview-ratio)));aspect-ratio:var(--word-preview-ratio)}.word-preview-lightbox .media-lightbox-dismiss{aspect-ratio:inherit;border:1px solid var(--line)}.word-preview-lightbox .media-lightbox-dismiss :is(img,video){width:100%;height:auto;display:block}.about-introduction .about-heading-row h1{margin-top:0}.highlight-presets{display:flex;position:absolute;top:-4px;right:-4px}.highlight-preset{border-radius:50%;place-items:center;width:24px;height:32px;padding:0;display:grid}.highlight-preset>span{width:16px;height:16px;transition:transform var(--duration-press) var(--ease-out), border-color .14s ease;border:1px solid #0000;border-radius:50%;display:block}.highlight-preset:hover>span{border-color:var(--muted)}.highlight-preset[aria-pressed=true]>span,.highlight-preset[data-selected=true]>span{border-color:var(--ink)}:root[data-theme=dark] .highlight-preset[aria-pressed=true]>span{border-color:var(--accent)}.highlight-color-wheel{background:#eee;position:relative;overflow:hidden}.highlight-color-wheel:before{content:"";background:url(/images/about/color-wheel.png) 50%/100% 100% no-repeat;width:165.52%;height:156.09%;position:absolute;top:-28.05%;left:-62.5%}.highlight-color-panel{z-index:45;background:var(--canvas);width:min(350px,100vw - 32px);max-width:none;min-height:500px;max-height:none;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink);letter-spacing:.2px;opacity:0;transform-origin:var(--highlight-origin-x,8px) var(--highlight-origin-y,-24px);transition:opacity var(--duration-content) var(--ease-out), transform var(--duration-content) var(--ease-out), display var(--duration-content) allow-discrete, overlay var(--duration-content) allow-discrete;border:0;border-radius:24px;flex-direction:column;margin:0;padding:16px;font-size:14px;font-weight:400;line-height:22.5px;position:absolute;inset:auto;overflow:visible;transform:translateY(-8px)scale(.94)}.highlight-color-panel:popover-open{opacity:1;display:flex;transform:none}@starting-style{.highlight-color-panel:popover-open{opacity:0;transform:translateY(-8px)scale(.94)}}.highlight-panel-header{grid-template-columns:32px 1fr 32px;align-items:center;gap:16px;display:grid}.highlight-panel-header h2{text-align:center;font-size:inherit;font-weight:500;line-height:inherit;margin:0}.highlight-icon-button{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);background:var(--canvas);transition:color .14s ease, transform var(--duration-press) var(--ease-out);border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.highlight-icon-button:before{content:"";border-radius:inherit;position:absolute;inset:-6px}.highlight-icon-button:hover{color:var(--ink)}.highlight-color-panel[data-motion=pointer] .highlight-icon-button:active{transform:scale(.97)}.highlight-icon{background:currentColor;width:16px;height:16px;display:block;-webkit-mask:none 50%/16px 16px no-repeat;mask:none 50%/16px 16px no-repeat}.highlight-icon--close{-webkit-mask-image:url(/icons/ciro/close.svg);mask-image:url(/icons/ciro/close.svg)}.highlight-icon--eyedropper{-webkit-mask-image:url(/icons/about/eyedropper.svg);mask-image:url(/icons/about/eyedropper.svg)}.highlight-icon--add{transform:rotate(45deg);-webkit-mask-image:url(/icons/ciro/close.svg);mask-image:url(/icons/ciro/close.svg)}.highlight-panel-body{grid-auto-rows:max-content;gap:12px;margin-top:12px;display:grid;overflow:visible}.highlight-color-grid{border-radius:8px;grid-template-columns:repeat(12,minmax(0,1fr));width:100%;height:240px;display:grid;overflow:hidden}.highlight-color-grid button{min-width:0;padding:0;position:relative}.highlight-color-grid button[aria-pressed=true]:after{content:"";pointer-events:none;border:2px solid #fff;border-radius:2px;position:absolute;inset:2px;box-shadow:0 0 0 1px #000}.highlight-color-grid button:focus-visible{z-index:1;outline-offset:-3px}.highlight-color-fields{align-items:center;gap:12px;display:flex}.highlight-color-fields>input[type=color]{border:1px solid var(--line);cursor:pointer;border-radius:8px;width:32px;height:32px;padding:0;overflow:hidden}.highlight-color-fields>input[type=color]::-webkit-color-swatch-wrapper{padding:0}.highlight-color-fields>input[type=color]::-webkit-color-swatch{border:0}.highlight-color-fields>input[type=color]::-moz-color-swatch{border:0}.highlight-hex-field{border:1px solid var(--line);min-width:0;height:32px;color:var(--muted);border-radius:8px;flex:1;align-items:center;gap:12px;padding:0 12px;display:flex}.highlight-hex-field input{width:100%;min-width:0;color:var(--ink);caret-color:var(--accent);font:inherit;background:0 0;border:0;outline:0}.highlight-hex-field:focus-within{outline:2px solid var(--accent);outline-offset:2px}.highlight-opacity{grid-template-columns:auto minmax(0,1fr) 40px;align-items:center;gap:12px;display:grid}.highlight-opacity>span{color:var(--muted)}.highlight-opacity output{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}.highlight-opacity input{width:100%;height:24px;accent-color:var(--accent);cursor:pointer;margin:0;display:block}.highlight-palette{gap:12px;display:grid}.highlight-palette-heading{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.highlight-palette-heading button{min-height:24px;color:var(--muted);font:inherit;padding:0}.highlight-palette-heading button:not(:disabled):hover{color:var(--ink)}.highlight-palette-heading button:disabled{opacity:.6}.highlight-saved-colors{flex-wrap:wrap;gap:0;display:flex}.highlight-saved-colors>button{border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:28px;padding:0;display:grid}.highlight-saved-colors>button>span:not(.highlight-icon){border:1px solid var(--line);width:16px;height:16px;transition:transform var(--duration-press) var(--ease-out);border-radius:50%}.highlight-saved-colors>button[aria-pressed=true]>span{outline:1px solid var(--ink);outline-offset:2px}.highlight-color-panel[data-motion=pointer] .highlight-saved-colors>button:active>span{transform:scale(.97)}.highlight-saved-colors .highlight-add-color{color:var(--muted)}.highlight-add-color:hover{color:var(--ink)}.highlight-add-color:disabled{display:none}.highlight-picker-notice{color:var(--secondary);margin:0;font-size:12px;line-height:18px}.highlight-picker-notice:empty{display:none}@media (max-width:767px){.about-heading-row{margin-top:32px}.highlight-hex-field input{font-size:16px}}@media (max-width:374px){.highlight-color-grid{height:212px}}@media (prefers-reduced-motion:reduce){.highlight-color-panel{transform:none;transition-duration:.1s!important}@starting-style{.highlight-color-panel:popover-open{transform:none}}.highlight-color-panel[data-motion=pointer] .highlight-icon-button:active,.highlight-color-panel[data-motion=pointer] .highlight-saved-colors>button:active>span{transform:none}}