:root{--color-base-0:rgb(255,255,255);--color-base-50:rgb(245,245,245);--color-base-100:rgb(235,235,235);--color-base-150:rgb(221,221,221);--color-base-200:rgb(208,208,208);--color-base-250:rgb(195,195,195);--color-base-300:rgb(181,181,181);--color-base-350:rgb(168,168,168);--color-base-400:rgb(154,154,154);--color-base-450:rgb(141,141,141);--color-base-500:rgb(128,128,128);--color-base-550:rgb(114,114,114);--color-base-600:rgb(101,101,101);--color-base-650:rgb(87,87,87);--color-base-700:rgb(74,74,74);--color-base-750:rgb(60,60,60);--color-base-800:rgb(47,47,47);--color-base-850:rgb(34,34,34);--color-base-900:rgb(20,20,20);--color-base-950:rgb(7,7,7);--color-base-1000:rgb(0,0,0);--color-success-50:rgb(247,255,251);--color-success-100:rgb(240,255,247);--color-success-150:rgb(232,255,243);--color-success-200:rgb(224,255,239);--color-success-250:rgb(217,255,235);--color-success-300:rgb(209,255,230);--color-success-350:rgb(201,255,226);--color-success-400:rgb(193,255,222);--color-success-450:rgb(186,255,218);--color-success-500:rgb(178,255,214);--color-success-550:rgb(160,230,193);--color-success-600:rgb(142,204,171);--color-success-650:rgb(125,179,150);--color-success-700:rgb(107,153,128);--color-success-750:rgb(89,128,107);--color-success-800:rgb(71,102,86);--color-success-850:rgb(53,77,64);--color-success-900:rgb(36,51,43);--color-success-950:rgb(18,25,21);--color-warning-50:rgb(255,255,246);--color-warning-100:rgb(255,255,237);--color-warning-150:rgb(254,255,228);--color-warning-200:rgb(254,255,219);--color-warning-250:rgb(254,255,210);--color-warning-300:rgb(254,255,200);--color-warning-350:rgb(254,255,191);--color-warning-400:rgb(253,255,182);--color-warning-450:rgb(253,255,173);--color-warning-500:rgb(253,255,164);--color-warning-550:rgb(228,230,148);--color-warning-600:rgb(202,204,131);--color-warning-650:rgb(177,179,115);--color-warning-700:rgb(152,153,98);--color-warning-750:rgb(127,128,82);--color-warning-800:rgb(101,102,66);--color-warning-850:rgb(76,77,49);--color-warning-900:rgb(51,51,33);--color-warning-950:rgb(25,25,16);--color-error-50:rgb(255,241,241);--color-error-100:rgb(255,226,228);--color-error-150:rgb(255,212,214);--color-error-200:rgb(255,197,200);--color-error-250:rgb(255,183,187);--color-error-300:rgb(255,169,173);--color-error-350:rgb(255,154,159);--color-error-400:rgb(255,140,145);--color-error-450:rgb(255,125,132);--color-error-500:rgb(255,111,118);--color-error-550:rgb(230,100,106);--color-error-600:rgb(204,89,94);--color-error-650:rgb(179,78,83);--color-error-700:rgb(153,67,71);--color-error-750:rgb(128,56,59);--color-error-800:rgb(102,44,47);--color-error-850:rgb(77,33,35);--color-error-900:rgb(51,22,24);--color-error-950:rgb(25,11,12);--color-not-found:#fdf0d5;--gris-fai-1:hsl(214,14%,32%);--morado-fai-1:hsl(270,100%,42%);--celeste-fai-1:hsl(180,100%,29%);--celeste-fai-1-hover:hsl(180,100%,34%);--celeste-fai-2:hsl(180,100%,33%);--naranjo-fai-1:hsl(24,89%,48%);--naranjo-fai-1-hover:hsl(24,89%,55%);--naranjo-fai-2:hsl(23,100%,44%);--amarillo-fai-1:hsl(46,100%,47%);--verde-fai-1:hsl(141,95%,31%);--verde-fai-1-hover:hsl(141,95%,36%);--verde-fai-2:hsl(109,37%,35%);--verde-fai-3:hsl(81,100%,37%);--verde-fai-4:hsl(139,100%,29%);--azul-fai-1:hsl(217,100%,33%);--curso-todos:var(--gris-fai-1);--curso-gratis:var(--gris-fai-1);--curso-descuentos:var(--naranjo-fai-1);--curso-en-vivo:var(--naranjo-fai-1);--curso-a-tu-ritmo:var(--celeste-fai-1);--curso-psicologia:var(--morado-fai-1);--curso-instrumentos:var(--verde-fai-3);--curso-crianza:var(--naranjo-fai-2);--curso-terapia:var(--amarillo-fai-1);--curso-proteccion:var(--verde-fai-4);--curso-educacion:var(--celeste-fai-2);--curso-sets:var(--azul-fai-1)}h1{margin:20px 0;font-size:64px;line-height:70px;font-weight:700}@media (max-width:1024px){h1{margin:24px 0;font-size:42px;line-height:42px}}h2{margin:15px 0;font-size:48px;line-height:54px;font-weight:700}@media (max-width:1024px){h2{margin:22px 0;font-size:32px;line-height:40px}}h3{margin:24px 0;font-size:32px;line-height:40px;font-weight:700}@media (max-width:1024px){h3{margin:20px 0;font-size:26px;line-height:32px}}h4{margin:20px 0;font-size:26px;line-height:32px;font-weight:700}@media (max-width:1024px){h4{font-size:22px;line-height:30px}}h5{margin:20px 0;font-size:22px;line-height:30px;font-weight:700}@media (max-width:1024px){h5{font-size:18px;line-height:24px}}h6{margin:20px 0;font-size:inherit;line-height:inherit;font-weight:700}body{font-size:18px;line-height:32px}@media (max-width:1024px){body{font-size:15px;line-height:24px}}large-body{font-size:25px;line-height:32px}@media (max-width:1024px){large-body{font-size:22px;line-height:30px}}label{font-size:16px;line-height:24px}@media (max-width:1024px){label{font-size:13px}}@layer payload-default{h1,h2,h3,h4,h5,h6{font-family:var(--font-body);font-weight:500}h1{margin:0;font-size:32px;line-height:36px}@media (max-width:768px){h1{letter-spacing:-.5px;font-size:25px}}h2{margin:0;font-size:26px;line-height:32px}@media (max-width:768px){h2{font-size:17px}}h3{margin:0;font-size:20px;line-height:24px}@media (max-width:768px){h3{font-size:13px;line-height:1.25}}h4{margin:0;font-size:16px;line-height:20px;letter-spacing:-.375px}h5{font-size:13px}h5,h6{margin:0;line-height:16px}h6{font-size:12px}html{font-size:13px;line-height:20px;font-weight:400;font-family:var(--font-body)}}@layer payload-default{}[data-theme=light]{--theme-success-50:var(--color-success-50);--theme-success-100:var(--color-success-100);--theme-success-150:var(--color-success-150);--theme-success-200:var(--color-success-200);--theme-success-250:var(--color-success-250);--theme-success-300:var(--color-success-300);--theme-success-350:var(--color-success-350);--theme-success-400:var(--color-success-400);--theme-success-450:var(--color-success-450);--theme-success-500:var(--color-success-500);--theme-success-550:var(--color-success-550);--theme-success-600:var(--color-success-600);--theme-success-650:var(--color-success-650);--theme-success-700:var(--color-success-700);--theme-success-750:var(--color-success-750);--theme-success-800:var(--color-success-800);--theme-success-850:var(--color-success-850);--theme-success-900:var(--color-success-900);--theme-success-950:var(--color-success-950);--theme-warning-50:var(--color-warning-50);--theme-warning-100:var(--color-warning-100);--theme-warning-150:var(--color-warning-150);--theme-warning-200:var(--color-warning-200);--theme-warning-250:var(--color-warning-250);--theme-warning-300:var(--color-warning-300);--theme-warning-350:var(--color-warning-350);--theme-warning-400:var(--color-warning-400);--theme-warning-450:var(--color-warning-450);--theme-warning-500:var(--color-warning-500);--theme-warning-550:var(--color-warning-550);--theme-warning-600:var(--color-warning-600);--theme-warning-650:var(--color-warning-650);--theme-warning-700:var(--color-warning-700);--theme-warning-750:var(--color-warning-750);--theme-warning-800:var(--color-warning-800);--theme-warning-850:var(--color-warning-850);--theme-warning-900:var(--color-warning-900);--theme-warning-950:var(--color-warning-950);--theme-error-50:var(--color-error-50);--theme-error-100:var(--color-error-100);--theme-error-150:var(--color-error-150);--theme-error-200:var(--color-error-200);--theme-error-250:var(--color-error-250);--theme-error-300:var(--color-error-300);--theme-error-350:var(--color-error-350);--theme-error-400:var(--color-error-400);--theme-error-450:var(--color-error-450);--theme-error-500:var(--color-error-500);--theme-error-550:var(--color-error-550);--theme-error-600:var(--color-error-600);--theme-error-650:var(--color-error-650);--theme-error-700:var(--color-error-700);--theme-error-750:var(--color-error-750);--theme-error-800:var(--color-error-800);--theme-error-850:var(--color-error-850);--theme-error-900:var(--color-error-900);--theme-error-950:var(--color-error-950);--theme-elevation-0:var(--color-base-0);--theme-elevation-50:var(--color-base-50);--theme-elevation-100:var(--color-base-100);--theme-elevation-150:var(--color-base-150);--theme-elevation-200:var(--color-base-200);--theme-elevation-250:var(--color-base-250);--theme-elevation-300:var(--color-base-300);--theme-elevation-350:var(--color-base-350);--theme-elevation-400:var(--color-base-400);--theme-elevation-450:var(--color-base-450);--theme-elevation-500:var(--color-base-500);--theme-elevation-550:var(--color-base-550);--theme-elevation-600:var(--color-base-600);--theme-elevation-650:var(--color-base-650);--theme-elevation-700:var(--color-base-700);--theme-elevation-750:var(--color-base-750);--theme-elevation-800:var(--color-base-800);--theme-elevation-850:var(--color-base-850);--theme-elevation-900:var(--color-base-900);--theme-elevation-950:var(--color-base-950);--theme-elevation-1000:var(--color-base-1000);--theme-bg:var(--theme-elevation-0);--theme-input-bg:var(--theme-elevation-50);--theme-text:var(--theme-elevation-750);--theme-border-color:var(--theme-elevation-150);color-scheme:light;color:var(--theme-text);--highlight-default-bg-color:var(--theme-success-400);--highlight-default-text-color:var(--theme-text);--highlight-danger-bg-color:var(--theme-error-150);--highlight-danger-text-color:var(--theme-text)}[data-theme=light] h1 a,[data-theme=light] h2 a,[data-theme=light] h3 a,[data-theme=light] h4 a,[data-theme=light] h5 a,[data-theme=light] h6 a{color:var(--theme-elevation-750)}[data-theme=light] h1 a:hover,[data-theme=light] h2 a:hover,[data-theme=light] h3 a:hover,[data-theme=light] h4 a:hover,[data-theme=light] h5 a:hover,[data-theme=light] h6 a:hover{color:var(--theme-elevation-800)}[data-theme=light] h1 a:visited,[data-theme=light] h2 a:visited,[data-theme=light] h3 a:visited,[data-theme=light] h4 a:visited,[data-theme=light] h5 a:visited,[data-theme=light] h6 a:visited{color:var(--theme-elevation-750)}[data-theme=light] h1 a:visited:hover,[data-theme=light] h2 a:visited:hover,[data-theme=light] h3 a:visited:hover,[data-theme=light] h4 a:visited:hover,[data-theme=light] h5 a:visited:hover,[data-theme=light] h6 a:visited:hover{color:var(--theme-elevation-800)}[data-theme=dark]{--theme-elevation-0:var(--color-base-1000);--theme-elevation-50:var(--color-base-950);--theme-elevation-100:var(--color-base-900);--theme-elevation-150:var(--color-base-850);--theme-elevation-200:var(--color-base-800);--theme-elevation-250:var(--color-base-750);--theme-elevation-300:var(--color-base-700);--theme-elevation-350:var(--color-base-650);--theme-elevation-400:var(--color-base-600);--theme-elevation-450:var(--color-base-550);--theme-elevation-500:var(--color-base-500);--theme-elevation-550:var(--color-base-450);--theme-elevation-600:var(--color-base-400);--theme-elevation-650:var(--color-base-350);--theme-elevation-700:var(--color-base-300);--theme-elevation-750:var(--color-base-250);--theme-elevation-800:var(--color-base-200);--theme-elevation-850:var(--color-base-150);--theme-elevation-900:var(--color-base-100);--theme-elevation-950:var(--color-base-50);--theme-elevation-1000:var(--color-base-0);--theme-success-50:var(--color-success-950);--theme-success-100:var(--color-success-900);--theme-success-150:var(--color-success-850);--theme-success-200:var(--color-success-800);--theme-success-250:var(--color-success-750);--theme-success-300:var(--color-success-700);--theme-success-350:var(--color-success-650);--theme-success-400:var(--color-success-600);--theme-success-450:var(--color-success-550);--theme-success-500:var(--color-success-500);--theme-success-550:var(--color-success-450);--theme-success-600:var(--color-success-400);--theme-success-650:var(--color-success-350);--theme-success-700:var(--color-success-300);--theme-success-750:var(--color-success-250);--theme-success-800:var(--color-success-200);--theme-success-850:var(--color-success-150);--theme-success-900:var(--color-success-100);--theme-success-950:var(--color-success-50);--theme-warning-50:var(--color-warning-950);--theme-warning-100:var(--color-warning-900);--theme-warning-150:var(--color-warning-850);--theme-warning-200:var(--color-warning-800);--theme-warning-250:var(--color-warning-750);--theme-warning-300:var(--color-warning-700);--theme-warning-350:var(--color-warning-650);--theme-warning-400:var(--color-warning-600);--theme-warning-450:var(--color-warning-550);--theme-warning-500:var(--color-warning-500);--theme-warning-550:var(--color-warning-450);--theme-warning-600:var(--color-warning-400);--theme-warning-650:var(--color-warning-350);--theme-warning-700:var(--color-warning-300);--theme-warning-750:var(--color-warning-250);--theme-warning-800:var(--color-warning-200);--theme-warning-850:var(--color-warning-150);--theme-warning-900:var(--color-warning-100);--theme-warning-950:var(--color-warning-50);--theme-error-50:var(--color-error-950);--theme-error-100:var(--color-error-900);--theme-error-150:var(--color-error-850);--theme-error-200:var(--color-error-800);--theme-error-250:var(--color-error-750);--theme-error-300:var(--color-error-700);--theme-error-350:var(--color-error-650);--theme-error-400:var(--color-error-600);--theme-error-450:var(--color-error-550);--theme-error-500:var(--color-error-500);--theme-error-550:var(--color-error-450);--theme-error-600:var(--color-error-400);--theme-error-650:var(--color-error-350);--theme-error-700:var(--color-error-300);--theme-error-750:var(--color-error-250);--theme-error-800:var(--color-error-200);--theme-error-850:var(--color-error-150);--theme-error-900:var(--color-error-100);--theme-error-950:var(--color-error-50);--theme-bg:var(--theme-elevation-100);--theme-text:var(--theme-elevation-900);--theme-input-bg:var(--theme-elevation-150);--theme-border-color:var(--theme-elevation-250);color-scheme:dark;color:var(--theme-text);--highlight-default-bg-color:var(--theme-success-100);--highlight-default-text-color:var(--theme-success-600);--highlight-danger-bg-color:var(--theme-error-100);--highlight-danger-text-color:var(--theme-error-550)}[data-theme=dark] h1 a,[data-theme=dark] h2 a,[data-theme=dark] h3 a,[data-theme=dark] h4 a,[data-theme=dark] h5 a,[data-theme=dark] h6 a{color:var(--theme-success-600)}[data-theme=dark] h1 a:hover,[data-theme=dark] h2 a:hover,[data-theme=dark] h3 a:hover,[data-theme=dark] h4 a:hover,[data-theme=dark] h5 a:hover,[data-theme=dark] h6 a:hover{color:var(--theme-success-400)}[data-theme=dark] h1 a:visited,[data-theme=dark] h2 a:visited,[data-theme=dark] h3 a:visited,[data-theme=dark] h4 a:visited,[data-theme=dark] h5 a:visited,[data-theme=dark] h6 a:visited{color:var(--theme-success-700)}[data-theme=dark] h1 a:visited:hover,[data-theme=dark] h2 a:visited:hover,[data-theme=dark] h3 a:visited:hover,[data-theme=dark] h4 a:visited:hover,[data-theme=dark] h5 a:visited:hover,[data-theme=dark] h6 a:visited:hover{color:var(--theme-success-500)}@font-face{font-family:Bricolage Grotesque;src:url(/assets/fonts/BricolageGrotesque/BricolageGrotesque-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/assets/fonts/BricolageGrotesque/BricolageGrotesque-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/assets/fonts/BricolageGrotesque/BricolageGrotesque-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/assets/fonts/BricolageGrotesque/BricolageGrotesque-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/assets/fonts/BricolageGrotesque/BricolageGrotesque-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/assets/fonts/BricolageGrotesque/BricolageGrotesque-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/assets/fonts/BricolageGrotesque/BricolageGrotesque-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque SemiCondensed;src:url(/assets/fonts/BricolageGrotesque/BricolageGrotesque-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque SemiCondensed;src:url(/assets/fonts/BricolageGrotesque/BricolageGrotesque-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque SemiCondensed;src:url(/assets/fonts/BricolageGrotesque/BricolageGrotesque-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque SemiCondensed;src:url(/assets/fonts/BricolageGrotesque/BricolageGrotesque-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque SemiCondensed;src:url(/assets/fonts/BricolageGrotesque/BricolageGrotesque-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque SemiCondensed;src:url(/assets/fonts/BricolageGrotesque/BricolageGrotesque-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque SemiCondensed;src:url(/assets/fonts/BricolageGrotesque/BricolageGrotesque-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque Condensed;src:url(/assets/fonts/BricolageGrotesque/BricolageGrotesque-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque Condensed;src:url(/assets/fonts/BricolageGrotesque/BricolageGrotesque-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque Condensed;src:url(/assets/fonts/BricolageGrotesque/BricolageGrotesque-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque Condensed;src:url(/assets/fonts/BricolageGrotesque/BricolageGrotesque-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque Condensed;src:url(/assets/fonts/BricolageGrotesque/BricolageGrotesque-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque Condensed;src:url(/assets/fonts/BricolageGrotesque/BricolageGrotesque-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque Condensed;src:url(/assets/fonts/BricolageGrotesque/BricolageGrotesque-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(/assets/fonts/Open-sans.woff2) format("woff2");font-style:normal;font-weight:300 800;font-display:swap}:root{--base:24px;--font-body:"Bricolage Grotesque","Bricolage Grotesque SemiCondensed","Bricolage Grotesque Condensed","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:"Roboto Mono",monospace;--gutter-h:135px;--block-padding:120px}@media (max-width:1440px){:root{--gutter-h:108px;--block-padding:96px}}@media (max-width:1024px){:root{--gutter-h:18px;--block-padding:60px}}*{box-sizing:border-box}html{background:var(--theme-bg);-webkit-font-smoothing:antialiased;opacity:0}html[data-theme=dark],html[data-theme=light]{opacity:1}#app,body,html{min-height:100vh;min-width:100vw;height:100%}body{font-family:var(--font-body);margin:0;color:var(--theme-text)}body .main-container{display:grid;grid-template-areas:"header" "main" "footer";grid-template-rows:auto 1fr auto;grid-template-columns:1fr;min-width:100vw}body .main-container .header{grid-area:header;max-width:100vw}body .main-container .main{grid-area:main;max-width:100vw;align-self:start;min-height:90vh}body .main-container .footer{max-width:100vw;min-height:30rem}::selection{background:var(--theme-success-500);color:var(--color-base-800)}::-moz-selection{background:var(--theme-success-500);color:var(--color-base-800)}img{max-width:100%;height:auto;display:block}p{margin:0}@media (max-width:1024px){p{margin:0}}ol,ul{margin:0 0 var(--base)}a{color:currentColor}a:focus{opacity:.8;outline:none}a:active{opacity:.7;outline:none}svg{vertical-align:middle}.notFound{background-color:var(--color-not-found);height:2.5rem;color:#6f4400;font-size:.9rem;display:flex;gap:.5rem;align-items:center;padding-inline-start:1rem;padding-inline-end:1rem}.radio-group--layout-horizontal ul,ul#field-theme.radio-group--group{display:none!important}.courseDetailsImage{max-width:clamp(8rem,100%,24rem)}.courseCardResumeImage{width:auto;max-height:16rem;max-width:100%}.tabs-lifted:has(.tab-content[class*=" rounded-"]) .tab:first-child:not(.tab-active),.tabs-lifted:has(.tab-content[class^=rounded-]) .tab:first-child:not(.tab-active){border-bottom-color:var(--fallback-b3,oklch(var(--b3)/1))}.header-background{background-image:url(/_next/static/media/Portada1_2.90998ca7.png);background-size:max(1600px,100%)}.header-background,.homeATRSection{background-position:top;background-repeat:no-repeat}.homeATRSection{background-image:url(/_next/static/media/fondoHomeATRSection.0156df41.webp);background-size:auto}#loginShowPassword,#remoteAssistance,#suscribed{border:2px solid var(--celeste-fai-1);min-height:1rem;accent-color:var(--celeste-fai-1)}.courseDetailMainContainer{display:flex;overflow:visible;min-height:50rem;align-items:flex-start;position:relative}.courseResume{position:-webkit-sticky;position:sticky;top:10px;min-width:24vw;z-index:500;height:50rem}.ulCourses{width:100%;display:grid;gap:3rem;margin-top:4rem;grid-auto-rows:18rem;grid-template-columns:repeat(auto-fit,minmax(20rem,min(100%,20rem)));justify-content:start}.ulCourses li{display:flex;justify-content:center;max-width:30rem;width:100%}.input{cursor:text;border:var(--border) solid rgba(0,0,0,0);position:relative;display:inline-flex;flex-shrink:1;appearance:none;align-items:center;gap:.5rem;background-color:var(--color-base-100);padding-inline:.75rem;vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:.875rem;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color) calc(var(--depth) * 10%),rgba(0,0,0,0)) inset,0 -1px oklch(100% 0 0/calc(var(--depth) * .1)) inset;--size:calc(var(--size-field, 0.25rem  ) * 10);--input-color:color-mix(in oklab,var(--color-base-content) 20%,#0000)}.input:where(input){display:inline-flex}.input :where(input){display:inline-flex;height:100%;width:100%;appearance:none;background-color:transparent;border:none}.input :where(input):focus,.input :where(input):focus-within{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.input :where(input):focus,.input :where(input):focus-within{outline:2px solid transparent;outline-offset:2px}}.input :where(input[type=date]){display:inline-block}.input:focus,.input:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color) calc(var(--depth) * 10%),rgba(0,0,0,0));outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}.input:has(>input[disabled]),.input:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content) 40%,transparent)}.input:has(>input[disabled])::placeholder,.input:is(:disabled,[disabled])::placeholder{color:color-mix(in oklab,var(--color-base-content) 20%,transparent)}.input:has(>input[disabled]),.input:is(:disabled,[disabled]){box-shadow:none}.input:has(>input[disabled])>input[disabled]{cursor:not-allowed}.input::-webkit-date-and-time-value{text-align:inherit}.input[type=number]::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}.input::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}.label:is(.input>*,.select>*){display:flex;height:calc(100% - .5rem);align-items:center;padding-inline:.75rem;white-space:nowrap;font-size:inherit}.label:is(.input>*,.select>*):first-child{margin-inline-start:-.75rem;margin-inline-end:.75rem;border-inline-end:var(--border) solid color-mix(in oklab,currentColor 10%,rgba(0,0,0,0))}.label:is(.input>*,.select>*):last-child{margin-inline-start:.75rem;margin-inline-end:-.75rem;border-inline-start:var(--border) solid color-mix(in oklab,currentColor 10%,rgba(0,0,0,0))}.mockup-browser .mockup-browser-toolbar .input{margin-inline:auto;display:flex;height:100%;align-items:center;gap:.5rem;overflow:hidden;background-color:var(--color-base-200);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;direction:ltr}.mockup-browser .mockup-browser-toolbar .input:before{content:"";width:1rem;height:1rem;opacity:30%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor' class='size-4'%3E%3Cpath fill-rule='evenodd' d='M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A")}.input-sm{--size:calc(var(--size-field, 0.25rem  ) * 8);font-size:.75rem}.input-sm[type=number]::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}.floating-label:has(.input-sm,.select-sm,.textarea-sm) span{font-size:.75rem;top:calc(var(--size-field, .25rem) * 8 / 2)}