@layer components{.preview-card{background-color:var(--color-preview-bg);width:100%;box-shadow:var(--shadow-custom);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;display:flex;overflow:hidden}.btn{--btn-icon-offset:calc(var(--spacing) * .5);--btn-radius:.5rem;gap:var(--btn-gap);min-width:calc(var(--spacing) * 16);height:var(--btn-h);border-radius:var(--btn-radius);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding-inline-start:var(--btn-pi);padding-inline-end:var(--btn-pi);font-weight:500;transition-property:scale,color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:ease-out;display:flex}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:has(>svg:first-child:not(:last-child)){padding-inline-start:calc(var(--btn-pi) - var(--btn-icon-offset))}.btn:has(>svg:last-child:not(:first-child)){padding-inline-end:calc(var(--btn-pi) - var(--btn-icon-offset))}.btn:has(>svg:only-child){padding-inline-start:calc(var(--btn-pi) - var(--btn-icon-offset));padding-inline-end:calc(var(--btn-pi) - var(--btn-icon-offset))}.btn-xs{--btn-h:calc(var(--spacing) * 8);--btn-pi:calc(var(--spacing) * 3);--btn-gap:calc(var(--spacing) * 1.5);font-size:.875rem;line-height:1.25rem}.btn-sm{--btn-h:calc(var(--spacing) * 9);--btn-pi:calc(var(--spacing) * 3);--btn-gap:calc(var(--spacing) * 1.5);font-size:.875rem;line-height:1.25rem}.btn-md{--btn-h:calc(var(--spacing) * 10);--btn-pi:calc(var(--spacing) * 4);--btn-gap:calc(var(--spacing) * 1.5);--btn-icon-offset:calc(var(--spacing) * 1);font-size:.875rem;line-height:1.25rem}.btn-lg{--btn-h:calc(var(--spacing) * 11);--btn-pi:calc(var(--spacing) * 5);--btn-gap:calc(var(--spacing) * 2);--btn-icon-offset:calc(var(--spacing) * 1)}.btn-xl{--btn-h:calc(var(--spacing) * 12);--btn-pi:calc(var(--spacing) * 6);--btn-gap:calc(var(--spacing) * 2);--btn-icon-offset:calc(var(--spacing) * 1)}.btn-tap{will-change:transform}.btn-tap:active:not(:disabled){scale:.97}.btn-rounded{--btn-radius:9999px}.code-inline{font-family:var(--font-berkeley-mono);font-feature-settings:normal;border:1px solid var(--color-preview-border);background-color:var(--color-preview-bg);border-radius:.375rem;padding:2px .25rem;font-size:12.5px}.article-underline{text-decoration-line:underline;-webkit-text-decoration-color:var(--color-gray-600);text-decoration-color:var(--color-gray-600);text-underline-offset:3px;transition-property:color,text-decoration-color;transition-duration:.2s;transition-timing-function:ease}.article-underline:hover{color:var(--color-gray-1200);-webkit-text-decoration-color:var(--color-gray-1100);text-decoration-color:var(--color-gray-1100)}.border-overlay{outline:1px solid var(--color-border-overlay);outline-offset:-1px}.tooltip-popup{z-index:50;background-color:var(--color-preview-bg);box-shadow:var(--shadow-custom);color:var(--color-gray-1200);border-radius:8px;padding:6px 10px;font-size:14px;font-weight:450;line-height:20px;transition:transform .2s ease-out,scale .2s ease-out,opacity .2s ease-out}.tooltip-popup[data-starting-style]{opacity:0;scale:.95}.tooltip-popup[data-ending-style]{opacity:0;transition-duration:.15s;scale:.95}.tip-rotate-forward{animation:.6s forwards tipRotateForward}.tip-rotate-backward{animation:.6s forwards tipRotateBackward}.tip-rotate-transition{transition:transform .6s}.tip-rotate-transition[data-toggled=true]{transform:rotate(180deg)}.animate-enter,.animate-enter-title{animation:.9s both enter;animation-delay:calc(var(--delay,.25s) * var(--stagger,0));will-change:transform, filter, opacity}.animate-enter-title{vertical-align:top;display:inline-block}.animate-enter-individual,.animate-enter-individual-title{--delay:.2s}.cs-will-change-button{transition:transform .2s ease-out}.cs-will-change-button:hover{transform:scale(1.05)}.cs-will-change-button:active{transform:scale(1)}.ld-classic{width:var(--ld-size,20px);height:var(--ld-size,20px)}.ld-classic-inner{width:var(--ld-size,20px);height:var(--ld-size,20px);position:relative;top:50%;left:50%}.ld-classic-bar{background:currentColor;border-radius:6px;width:24%;height:8%;animation:1.2s linear infinite ld-classic-spin;position:absolute;top:-3.9%;left:-10%}.ld-classic-bar:first-child{animation-delay:-1200ms;transform:rotate(.0001deg)translate(146%)}.ld-classic-bar:nth-child(2){animation-delay:-1100.04ms;transform:rotate(30deg)translate(146%)}.ld-classic-bar:nth-child(3){animation-delay:-999.96ms;transform:rotate(60deg)translate(146%)}.ld-classic-bar:nth-child(4){animation-delay:-900ms;transform:rotate(90deg)translate(146%)}.ld-classic-bar:nth-child(5){animation-delay:-800.04ms;transform:rotate(120deg)translate(146%)}.ld-classic-bar:nth-child(6){animation-delay:-699.96ms;transform:rotate(150deg)translate(146%)}.ld-classic-bar:nth-child(7){animation-delay:-600ms;transform:rotate(180deg)translate(146%)}.ld-classic-bar:nth-child(8){animation-delay:-500.04ms;transform:rotate(210deg)translate(146%)}.ld-classic-bar:nth-child(9){animation-delay:-399.96ms;transform:rotate(240deg)translate(146%)}.ld-classic-bar:nth-child(10){animation-delay:-300ms;transform:rotate(270deg)translate(146%)}.ld-classic-bar:nth-child(11){animation-delay:-200.04ms;transform:rotate(300deg)translate(146%)}.ld-classic-bar:nth-child(12){animation-delay:-99.96ms;transform:rotate(330deg)translate(146%)}.cs-popup{transform-origin:var(--transform-origin,top)}.cs-prose{color:var(--text,#666);font-size:14px;line-height:1.55}.cs-strong{color:var(--strong,#000);font-weight:500}.cs-h1{color:var(--strong,#000);margin:0;font-size:14px;font-weight:400;line-height:normal}.cs-h2{color:var(--strong,#000);font-size:14px;font-weight:500;line-height:normal}}@keyframes tipRotateForward{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes tipRotateBackward{0%{transform:rotate(180deg)}to{transform:rotate(0)}}@keyframes enter{0%{filter:blur(8px);opacity:0;transform:translateY(8px)}to{filter:blur();opacity:1;transform:translateY(0)}}@keyframes ld-classic-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion:reduce){.animate-enter,.animate-enter-title{animation:none}.ld-classic-bar{opacity:.5;animation:none}}