@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-border-style:solid;--tw-font-weight:initial}}}:root:has(#section-theming){--btn-min-w:min(6rem,var(--safe-dvw));--btn-outline-op:20%}:root:has(#section-theming):where([data-theme=darkMode],[data-theme=darkMode] *){--btn-outline-op:30%}:root:has(#section-theming) .theming-buttons button{outline-style:var(--tw-outline-style);outline-offset:0;outline-width:1px;outline-color:var(--prbc);width:100%}@supports (color:color-mix(in lab,red,red)){:root:has(#section-theming) .theming-buttons button{outline-color:color-mix(in oklab,var(--prbc) var(--btn-outline-op),transparent)}}:root:has(#section-theming) .theming-buttons button{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;min-width:var(--btn-min-w);font-family:var(--font-mono);transition-duration:.2s}:root:has(#section-theming) #theming-config-snippet{--bg-tint:10%;--ring-opacity:30%}:root:has(#section-theming) #theming-config-snippet.copied{--bg-tint:30%;--ring-opacity:80%;--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-duration:.2s;transition-duration:.2s}:root:has(#section-theming) .theming-colors .badge{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);width:1.5rem;height:1.5rem;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s;position:relative}@media (min-width:80rem){:root:has(#section-theming) .theming-colors .badge{width:calc(var(--spacing,.25rem)*16)}}:root:has(#section-theming) .theming-colors .badge:where([data-theme=darkMode],[data-theme=darkMode] *){--tw-shadow-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){:root:has(#section-theming) .theming-colors .badge:where([data-theme=darkMode],[data-theme=darkMode] *){--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-base-content) 30%,transparent) var(--tw-shadow-alpha),transparent)}}@media (min-width:31.25rem){:root:has(#section-theming) .box{border-radius:var(--radius-box);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){:root:has(#section-theming) .box{border-color:color-mix(in oklab,var(--color-base-content) 5%,transparent)}}:root:has(#section-theming) .box{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:var(--color-primary);padding-block:calc(var(--spacing,.25rem)*8)!important}@supports (color:color-mix(in lab,red,red)){:root:has(#section-theming) .box{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-primary) 10%,transparent) var(--tw-shadow-alpha),transparent)}}:root:has(#section-theming) .box:where([data-theme=darkMode],[data-theme=darkMode] *){border-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){:root:has(#section-theming) .box:where([data-theme=darkMode],[data-theme=darkMode] *){border-color:color-mix(in oklab,var(--color-base-content) 20%,transparent)}}:root:has(#section-theming) .box:where([data-theme=darkMode],[data-theme=darkMode] *){--tw-shadow-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){:root:has(#section-theming) .box:where([data-theme=darkMode],[data-theme=darkMode] *){--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-primary) 10%,transparent) var(--tw-shadow-alpha),transparent)}}}:root:has(#section-theming) .box{padding-block:calc(var(--spacing,.25rem)*4)}@media (min-width:25rem){:root:has(#section-theming) .box{padding-inline:calc(var(--spacing,.25rem)*4)}}@media (min-width:40rem){:root:has(#section-theming) .box{padding-inline:calc(var(--spacing,.25rem)*6)}}@media (min-width:80rem){:root:has(#section-theming) .box{padding-inline:calc(var(--spacing,.25rem)*8)}}:root:has(#section-theming) .txdk-theme-toggle{color:var(--color-primary)}@media (prefers-reduced-motion:no-preference){:root:has(#section-theming) .txdk-theme-toggle{animation:var(--animate-float-sm,float-sm 6s var(--ease-in-out) infinite)}}:root:has(#section-theming) .txdk-section-subtitle{--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300)}:root:has(#section-theming) button.activated-theme{background-color:var(--color-primary);border-color:#0000}@supports (color:color-mix(in lab,red,red)){:root:has(#section-theming) button.activated-theme{background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}:root:has(#section-theming) button.activated-theme{--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);color:var(--color-primary);outline-style:var(--tw-outline-style);outline-width:2px;outline-color:var(--color-primary)}:root:has(#section-theming) button.activated-theme:where([data-theme=darkMode],[data-theme=darkMode] *){background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){:root:has(#section-theming) button.activated-theme:where([data-theme=darkMode],[data-theme=darkMode] *){background-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0#0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0#0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0#0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0#0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0#0000}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@keyframes float-sm{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}