@layer components{.polpo-custom-line{--color:attr(data-color, "currentColor");--size:attr(data-size, 1px);--spacing:attr(data-spacing, 1px);--dashSize:attr(data-dash-size, 1px)}.polpo-custom-line.horizontal,.polpo-custom-line.vertical{background:var(--color);border-radius:100px;display:inline-block}.polpo-custom-line.horizontal{width:100%;height:var(--size)}.polpo-custom-line.horizontal.dotted{background:radial-gradient(calc(var(--size) / 2) calc(var(--size) / 2), var(--color) 100%, transparent) 0 0 / calc(var(--spacing) + var(--size)) 100%}.polpo-custom-line.horizontal.dashed{background:repeating-linear-gradient(90deg, var(--color), var(--color) var(--dashSize), transparent var(--dashSize), transparent calc(var(--spacing) + var(--dashSize)))}.polpo-custom-line.vertical{height:100%;width:var(--size)}.polpo-custom-line.vertical.dotted{background:radial-gradient(calc(var(--size) / 2) calc(var(--size) / 2), var(--color) 100%, transparent) 0 0 / 100% calc(var(--spacing) + var(--size))}.polpo-custom-line.vertical.dashed{background:repeating-linear-gradient(0deg, var(--color), var(--color) var(--dashSize), transparent var(--dashSize), transparent calc(var(--spacing) + var(--dashSize)))}}
@layer components{.polpo-accordion{display:grid}.polpo-accordion-item{display:grid;position:relative}.polpo-accordion-item .polpo-accordion-header{cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:20px 0;display:grid;position:sticky;top:0}.polpo-accordion-item .polpo-accordion-header.has-start-content{grid-template-columns:auto 1fr auto}.polpo-accordion-item .polpo-accordion-header-content{display:grid}.polpo-accordion-item .polpo-accordion-toggle-icon{transition:all .3s}.polpo-accordion-item .polpo-accordion-toggle-icon.is-open{transform:rotate(-90deg)}.polpo-accordion-item .polpo-accordion-body{padding:10px 0 20px}}
@layer components{.polpo-flip-card{--cardZIndex:attr(data-zIndex);--flipSpeed:attr(data-flipSpeed, .5s);--frontRotate:attr(data-frontRotate);--backRotate:attr(data-backRotate);perspective:1000px;z-index:var(--cardZIndex)}.polpo-flip-card .polpo-flipper{width:100%;height:100%;transform-style:preserve-3d;position:relative}.polpo-flip-card .front,.polpo-flip-card .back{backface-visibility:hidden;transform-style:preserve-3d;transition:var(--flipSpeed);width:100%;height:100%;top:0;left:0}.polpo-flip-card .front{transform:var(--frontRotate);z-index:2;position:relative}.polpo-flip-card .back{transform:var(--backRotate);position:absolute}.polpo-flip-card .is-flipped .front{position:absolute}.polpo-flip-card .is-flipped .back{position:relative}}
@layer components{.polpo-hover-card{transition:all .3s;display:inline-block}.polpo-hover-card .polpo-hover-card-layer{width:100%;height:100%;transition:all .1s;display:grid}}
@layer components{.polpo-typography{margin:0;padding:.5em 0 .4em}.polpo-typography.primary{color:var(--color-primary-500)}.polpo-typography.secondary{color:var(--color-secondary-500)}.polpo-typography.tertiary{color:var(--color-tertiary-500)}.polpo-typography.active{color:var(--color-active-500)}.polpo-typography.alert{color:var(--color-alert-500)}.polpo-typography.warning{color:var(--color-warning-500)}.polpo-typography.info{color:var(--color-info-500)}.polpo-typography.recommended-width{max-width:70ch}.polpo-typography.code-family{font-family:monospace}.polpo-typography.no-padding{padding:0}.polpo-typography.nowrap{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.polpo-typography.nowrap-max-lines{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.polpo-typography.nowrap-max-lines-2{-webkit-line-clamp:2;line-clamp:2}.polpo-typography.nowrap-max-lines-3{-webkit-line-clamp:3;line-clamp:3}.polpo-typography.nowrap-max-lines-4{-webkit-line-clamp:4;line-clamp:4}.polpo-typography.nowrap-max-lines-5{-webkit-line-clamp:5;line-clamp:5}.polpo-typography.hero{font-size:var(--text-hero,clamp(4rem, 10vw, 5.5rem));line-height:var(--tw-leading,var(--text-hero--line-height,1.4));letter-spacing:var(--tw-tracking,var(--text-hero--letter-spacing,-4px));font-weight:var(--tw-font-weight,var(--text-hero--font-weight,bolder))}.polpo-typography.header1{font-size:var(--text-header1,clamp(3rem, 8vw, 4rem));line-height:var(--tw-leading,var(--text-header1--line-height,1.4));letter-spacing:var(--tw-tracking,var(--text-header1--letter-spacing,-3px));font-weight:var(--tw-font-weight,var(--text-header1--font-weight,bold))}.polpo-typography.header2{font-size:var(--text-header2,clamp(2rem, 6vw, 3rem));line-height:var(--tw-leading,var(--text-header2--line-height,1.4));letter-spacing:var(--tw-tracking,var(--text-header2--letter-spacing,-2px));font-weight:var(--tw-font-weight,var(--text-header2--font-weight,bold))}.polpo-typography.header3{font-size:var(--text-header3,clamp(1.5rem, 4vw, 2rem));line-height:var(--tw-leading,var(--text-header3--line-height,1.4));letter-spacing:var(--tw-tracking,var(--text-header3--letter-spacing,-1px));font-weight:var(--tw-font-weight,var(--text-header3--font-weight,bold))}.polpo-typography.header4{font-size:var(--text-header4,clamp(1.2rem, 3vw, 1.5rem));line-height:var(--tw-leading,var(--text-header4--line-height,1.4));letter-spacing:var(--tw-tracking,var(--text-header4--letter-spacing,0));font-weight:var(--tw-font-weight,var(--text-header4--font-weight,bold))}.polpo-typography.body{font-size:var(--text-body,1rem);line-height:var(--tw-leading,var(--text-body--line-height,1.6));letter-spacing:var(--tw-tracking,var(--text-body--letter-spacing,0));font-weight:var(--tw-font-weight,var(--text-body--font-weight,regular))}.polpo-typography.label{font-size:var(--text-label,.875rem);line-height:var(--tw-leading,var(--text-label--line-height,1.6))}.polpo-typography.small{font-size:var(--text-small,.75rem);line-height:var(--tw-leading,var(--text-small--line-height,1.6));font-weight:var(--tw-font-weight,var(--text-small--font-weight,regular))}.polpo-typography.bold{font-weight:700}.polpo-typography.regular{font-weight:400}.polpo-typography.light{font-weight:300}}
@layer components{.polpo-badge{--background:attr(data-background, var(--color-primary-500));--text:attr(data-text, var(--color-primary-50));--background-selected:attr(data-background-selected, var(--color-primary-700));--text-selected:attr(data-text-selected, var(--color-primary-50));background:var(--background);color:var(--text);font-size:var(--text-label,.875rem);line-height:var(--tw-leading,var(--text-label--line-height,1.6));-webkit-user-select:none;user-select:none;border:1px solid;border-radius:.3em;padding:.4em .8em;transition:all .3s;display:inline-block}.polpo-badge.no-wrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.polpo-badge.rounded-none{border-radius:0}.polpo-badge.rounded-small{border-radius:.25em}.polpo-badge.rounded-medium{border-radius:.5em}.polpo-badge.rounded-large{border-radius:1em}.polpo-badge.rounded-full{border-radius:100rem}.polpo-badge:hover,.polpo-badge.is-selected{background:var(--background-selected);color:var(--text-selected)}}
@layer components{.polpo-ripple{border-radius:inherit;z-index:1;display:block;position:absolute;inset:0;overflow:hidden}.polpo-ripple .ripple-effect{pointer-events:none;opacity:.4;border-radius:50%;width:0;height:0;animation:infinite ripple-effect;position:absolute;transform:translate(-50%,-50%)}@keyframes ripple-effect{to{opacity:0;filter:blur(5px);width:300px;height:300px}}}
@layer components{.polpo-button{--button-blur:2px;--color:var(--color-gray-800);--solid-background:var(--color-gray-800);--solid-text:var(--color-gray-50);--solid-hover-background:var(--color-gray-700);--solid-active-background:var(--color-gray-900);--flat-text:var(--color-gray-700);--flat-background:hsl(from var(--color-gray-400) h s l / 50%);--flat-hover-background:hsl(from var(--color-gray-300) h s l / 50%);--flat-active-background:hsl(from var(--color-gray-300) h s l / 80%);--outlined-text:var(--color-gray-600);--outlined-hover-background:hsl(from var(--color-gray-400) h s l / 20%);--outlined-active-background:hsl(from var(--color-gray-500) h s l / 30%);--text-hover-background:hsl(from var(--color-gray-300) h s l / 20%);--text-active-background:hsl(from var(--color-gray-400) h s l / 30%);--shadow-color:hsl(from var(--color-gray-800) h s l / 20%);--focus-background:hsl(from var(--color-gray-100) h s l / 20%);font-weight:700;font-size:var(--text-label);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:.5em;outline:none;flex-direction:row;justify-content:center;align-items:center;gap:.625em;padding:.625em 2.1875em;transition:all .15s;display:flex;position:relative}.polpo-button .icon-loader{width:1.6em;height:1.6em;padding:.3em;animation:1s linear infinite spin}.polpo-button.icon{padding:.625em}.polpo-button.full{width:100%}.polpo-button.no-wrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.polpo-button.size-small{font-size:var(--text-small)}.polpo-button.size-regular{font-size:var(--text-label)}.polpo-button.size-large{font-size:var(--text-body)}.polpo-button.radius-none{border-radius:0}.polpo-button.radius-small{border-radius:.25em}.polpo-button.radius-medium{border-radius:.5em}.polpo-button.radius-large{border-radius:1em}.polpo-button.radius-full{border-radius:100rem}.polpo-button.is-loading{pointer-events:none;cursor:progress;opacity:.8}.polpo-button:not(:disabled):not(.is-loading):hover,.polpo-button:not(:disabled):not(.is-loading):active,.polpo-button:not(:disabled):not(.is-loading):focus-visible{-webkit-backdrop-filter:blur(var(--button-blur));backdrop-filter:blur(var(--button-blur))}.polpo-button:not(:disabled):not(.is-loading):hover{transform:scale(1.01)}.polpo-button:not(:disabled):not(.is-loading):hover:not(.text){box-shadow:0 1.4em .5em -1em hsl(from var(--color-black) h s l / 20%), 0 .7em 1em -.5em hsl(from var(--color-black) h s l / 20%)}.polpo-button:not(:disabled):not(.is-loading):active{transform:scale(.98)}.polpo-button:not(:disabled):not(.is-loading):active:not(.text){box-shadow:0 .3em .4em -.2em hsl(from var(--color-black) h s l / 20%), 0 .2em .8em -.1em hsl(from var(--color-black) h s l / 20%)}.polpo-button{color:var(--color)}.polpo-button .ripple-effect{background:var(--color)}.polpo-button.solid{background:var(--solid-background);color:var(--solid-text);-webkit-backdrop-filter:blur(var(--button-blur));backdrop-filter:blur(var(--button-blur))}.polpo-button.solid .ripple-effect{background:var(--solid-text)}.polpo-button.solid:focus-visible{box-shadow:0 0 0 .3125em var(--shadow-color);background:var(--solid-hover-background)}.polpo-button.solid:hover{background:var(--solid-hover-background)}.polpo-button.solid:active{background:var(--solid-active-background)}.polpo-button.flat{background:var(--flat-background);-webkit-backdrop-filter:blur(var(--button-blur));backdrop-filter:blur(var(--button-blur));color:var(--flat-text)}.polpo-button.flat:hover{background:var(--flat-hover-background)}.polpo-button.flat:active{background:var(--flat-active-background)}.polpo-button.outlined{color:var(--outlined-text);background:0 0;border:1px solid}.polpo-button.outlined:hover{background:var(--outlined-hover-background)}.polpo-button.outlined:active{background:var(--outlined-active-background)}.polpo-button.text{background:0 0}.polpo-button.text:hover{background:var(--text-hover-background)}.polpo-button.text:active{background:var(--text-active-background)}.polpo-button:focus-visible{box-shadow:0 0 0 .3125em var(--shadow-color);background:var(--focus-background)}.polpo-button.primary{--color:var(--color-primary-500);--solid-background:var(--color-primary-400);--solid-text:var(--color-primary-foreground);--solid-hover-background:var(--color-primary-300);--solid-active-background:var(--color-primary-500);--flat-text:var(--color-primary-700);--flat-background:hsl(from var(--color-primary-400) h s l / 50%);--flat-hover-background:hsl(from var(--color-primary-300) h s l / 50%);--flat-active-background:hsl(from var(--color-primary-300) h s l / 80%);--outlined-text:var(--color-primary-600);--outlined-hover-background:hsl(from var(--color-primary-400) h s l / 20%);--outlined-active-background:hsl(from var(--color-primary-500) h s l / 30%);--text-hover-background:hsl(from var(--color-primary-300) h s l / 20%);--text-active-background:hsl(from var(--color-primary-400) h s l / 30%);--shadow-color:hsl(from var(--color-primary-500) h s l / 20%);--focus-background:hsl(from var(--color-primary-200) h s l / 20%)}.polpo-button.secondary{--color:var(--color-secondary-500);--solid-background:var(--color-secondary-400);--solid-text:var(--color-secondary-foreground);--solid-hover-background:var(--color-secondary-300);--solid-active-background:var(--color-secondary-500);--flat-text:var(--color-secondary-700);--flat-background:hsl(from var(--color-secondary-400) h s l / 50%);--flat-hover-background:hsl(from var(--color-secondary-300) h s l / 50%);--flat-active-background:hsl(from var(--color-secondary-300) h s l / 80%);--outlined-text:var(--color-secondary-600);--outlined-hover-background:hsl(from var(--color-secondary-400) h s l / 20%);--outlined-active-background:hsl(from var(--color-secondary-500) h s l / 30%);--text-hover-background:hsl(from var(--color-secondary-300) h s l / 20%);--text-active-background:hsl(from var(--color-secondary-400) h s l / 30%);--shadow-color:hsl(from var(--color-secondary-500) h s l / 20%);--focus-background:hsl(from var(--color-secondary-100) h s l / 20%)}.polpo-button.tertiary{--color:var(--color-tertiary-500);--solid-background:var(--color-tertiary-400);--solid-text:var(--color-tertiary-foreground);--solid-hover-background:var(--color-tertiary-300);--solid-active-background:var(--color-tertiary-500);--flat-text:var(--color-tertiary-700);--flat-background:hsl(from var(--color-tertiary-400) h s l / 50%);--flat-hover-background:hsl(from var(--color-tertiary-300) h s l / 50%);--flat-active-background:hsl(from var(--color-tertiary-300) h s l / 80%);--outlined-text:var(--color-tertiary-600);--outlined-hover-background:hsl(from var(--color-tertiary-400) h s l / 20%);--outlined-active-background:hsl(from var(--color-tertiary-500) h s l / 30%);--text-hover-background:hsl(from var(--color-tertiary-300) h s l / 20%);--text-active-background:hsl(from var(--color-tertiary-400) h s l / 30%);--shadow-color:hsl(from var(--color-tertiary-500) h s l / 20%);--focus-background:hsl(from var(--color-tertiary-100) h s l / 20%)}.polpo-button.active{--color:var(--color-active-500);--solid-background:var(--color-active-400);--solid-text:var(--color-active-foreground);--solid-hover-background:var(--color-active-300);--solid-active-background:var(--color-active-500);--flat-text:var(--color-active-700);--flat-background:hsl(from var(--color-active-400) h s l / 50%);--flat-hover-background:hsl(from var(--color-active-300) h s l / 50%);--flat-active-background:hsl(from var(--color-active-300) h s l / 80%);--outlined-text:var(--color-active-600);--outlined-hover-background:hsl(from var(--color-active-400) h s l / 20%);--outlined-active-background:hsl(from var(--color-active-500) h s l / 30%);--text-hover-background:hsl(from var(--color-active-300) h s l / 20%);--text-active-background:hsl(from var(--color-active-400) h s l / 30%);--shadow-color:hsl(from var(--color-active-500) h s l / 20%);--focus-background:hsl(from var(--color-active-100) h s l / 20%)}.polpo-button.warning{--color:var(--color-warning-500);--solid-background:var(--color-warning-400);--solid-text:var(--color-warning-foreground);--solid-hover-background:var(--color-warning-300);--solid-active-background:var(--color-warning-500);--flat-text:var(--color-warning-700);--flat-background:hsl(from var(--color-warning-400) h s l / 50%);--flat-hover-background:hsl(from var(--color-warning-300) h s l / 50%);--flat-active-background:hsl(from var(--color-warning-300) h s l / 80%);--outlined-text:var(--color-warning-600);--outlined-hover-background:hsl(from var(--color-warning-400) h s l / 20%);--outlined-active-background:hsl(from var(--color-warning-500) h s l / 30%);--text-hover-background:hsl(from var(--color-warning-300) h s l / 20%);--text-active-background:hsl(from var(--color-warning-400) h s l / 30%);--shadow-color:hsl(from var(--color-warning-500) h s l / 20%);--focus-background:hsl(from var(--color-warning-100) h s l / 20%)}.polpo-button.alert{--color:var(--color-alert-500);--solid-background:var(--color-alert-400);--solid-text:var(--color-alert-foreground);--solid-hover-background:var(--color-alert-300);--solid-active-background:var(--color-alert-500);--flat-text:var(--color-alert-700);--flat-background:hsl(from var(--color-alert-400) h s l / 50%);--flat-hover-background:hsl(from var(--color-alert-300) h s l / 50%);--flat-active-background:hsl(from var(--color-alert-300) h s l / 80%);--outlined-text:var(--color-alert-600);--outlined-hover-background:hsl(from var(--color-alert-400) h s l / 20%);--outlined-active-background:hsl(from var(--color-alert-500) h s l / 30%);--text-hover-background:hsl(from var(--color-alert-300) h s l / 20%);--text-active-background:hsl(from var(--color-alert-400) h s l / 30%);--shadow-color:hsl(from var(--color-alert-500) h s l / 20%);--focus-background:hsl(from var(--color-alert-100) h s l / 20%)}.polpo-button.info{--color:var(--color-info-500);--solid-background:var(--color-info-400);--solid-text:var(--color-info-foreground);--solid-hover-background:var(--color-info-300);--solid-active-background:var(--color-info-500);--flat-text:var(--color-info-700);--flat-background:hsl(from var(--color-info-400) h s l / 50%);--flat-hover-background:hsl(from var(--color-info-300) h s l / 50%);--flat-active-background:hsl(from var(--color-info-300) h s l / 80%);--outlined-text:var(--color-info-600);--outlined-hover-background:hsl(from var(--color-info-400) h s l / 20%);--outlined-active-background:hsl(from var(--color-info-500) h s l / 30%);--text-hover-background:hsl(from var(--color-info-300) h s l / 20%);--text-active-background:hsl(from var(--color-info-400) h s l / 30%);--shadow-color:hsl(from var(--color-info-500) h s l / 20%);--focus-background:hsl(from var(--color-info-100) h s l / 20%)}.polpo-button.accent{--color:var(--color-accent-500);--solid-background:var(--color-accent-400);--solid-text:var(--color-accent-foreground);--solid-hover-background:var(--color-accent-300);--solid-active-background:var(--color-accent-500);--flat-text:var(--color-accent-700);--flat-background:hsl(from var(--color-accent-400) h s l / 50%);--flat-hover-background:hsl(from var(--color-accent-300) h s l / 50%);--flat-active-background:hsl(from var(--color-accent-300) h s l / 80%);--outlined-text:var(--color-accent-600);--outlined-hover-background:hsl(from var(--color-accent-400) h s l / 20%);--outlined-active-background:hsl(from var(--color-accent-500) h s l / 30%);--text-hover-background:hsl(from var(--color-accent-300) h s l / 20%);--text-active-background:hsl(from var(--color-accent-400) h s l / 30%);--shadow-color:hsl(from var(--color-accent-500) h s l / 20%);--focus-background:hsl(from var(--color-accent-100) h s l / 20%)}.polpo-button.highlight{--color:var(--color-highlight-500);--solid-background:var(--color-highlight-400);--solid-text:var(--color-highlight-foreground);--solid-hover-background:var(--color-highlight-300);--solid-active-background:var(--color-highlight-500);--flat-text:var(--color-highlight-700);--flat-background:hsl(from var(--color-highlight-400) h s l / 50%);--flat-hover-background:hsl(from var(--color-highlight-300) h s l / 50%);--flat-active-background:hsl(from var(--color-highlight-300) h s l / 80%);--outlined-text:var(--color-highlight-600);--outlined-hover-background:hsl(from var(--color-highlight-400) h s l / 20%);--outlined-active-background:hsl(from var(--color-highlight-500) h s l / 30%);--text-hover-background:hsl(from var(--color-highlight-300) h s l / 20%);--text-active-background:hsl(from var(--color-highlight-400) h s l / 30%);--shadow-color:hsl(from var(--color-highlight-500) h s l / 20%);--focus-background:hsl(from var(--color-highlight-100) h s l / 20%)}.polpo-button:disabled{color:var(--color-gray-300);pointer-events:none}.polpo-button.solid:disabled{background:var(--color-gray-300);color:var(--color-gray-100)}.polpo-button.flat:disabled{background:hsl(from var(--color-gray-100) h s l / 80%)}.polpo-button.outlined:disabled,.polpo-button.text:disabled{background:0 0}}@keyframes spin{to{transform:rotate(360deg)}}
@layer components{.polpo-cursor-overlay{cursor:none;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.polpo-cursor{z-index:99999999;pointer-events:none;border-radius:50%;position:fixed;transform:translateZ(0)}@media (any-pointer:coarse){.polpo-cursor{display:none}}.polpo-cursor.outer-circle{border:2px solid var(--color-primary-500);box-sizing:border-box;z-index:99999999;opacity:.5;width:30px;height:30px;margin-top:-15px;margin-left:-15px;transition:all 80ms ease-out,width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out}.polpo-cursor.outer-circle.cursor-hover{background-color:var(--color-primary-500);opacity:.3;width:80px;height:80px;margin-top:-40px;margin-left:-40px}.polpo-cursor.outer-circle.cursor-text{background-color:var(--color-primary-500);opacity:.3;width:4px;height:80px;margin-top:-40px;margin-left:-2px}.polpo-cursor.inner-circle{z-index:99999999;background-color:var(--color-primary-500);opacity:1;width:6px;height:6px;margin-top:-3px;margin-left:-3px;transition:opacity .3s ease-in-out}.polpo-cursor.inner-circle.cursor-hover{opacity:0}}
@layer components{.checkbox{background:var(--color-background-paper);border-radius:40%;outline:1px solid;width:1em;height:1em;margin:2px;transition:all .3s;display:flex;position:relative}.checkbox .checkbox-input{cursor:pointer;opacity:0;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.checkbox.size-small{font-size:1em}.checkbox.size-regular{font-size:1.2em}.checkbox.size-large{font-size:1.4em}.checkbox-fill{border-radius:inherit;place-content:center;place-items:center;width:0;height:0;margin:auto;transition:all .2s ease-out;display:grid;position:relative;overflow:hidden}.checkbox-fill .checkbox-icon{z-index:1;opacity:0;font-size:.7em;transition:opacity .3s}.checkbox-container{--color:var(--color-gray-800);--color-icon:var(--color-gray-50);--color-hover:hsl(from var(--color-gray-800) h s l / 50%);grid-auto-columns:auto 1fr;grid-auto-flow:column;align-items:center;gap:.5em;width:fit-content;display:grid}.checkbox-container .checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;width:100%}.checkbox-container .checkbox{color:var(--color)}.checkbox-container .checkbox.is-checked .checkbox-fill{background:var(--color);width:100%;height:100%;color:var(--color-icon)}.checkbox-container .checkbox.is-checked .checkbox-icon{opacity:1}.checkbox-container .checkbox:hover{box-shadow:0 0 0 .3em var(--color-hover)}.checkbox-container:has(.checkbox-label:hover) .checkbox{box-shadow:0 0 0 .3em var(--color-hover)}:is(.checkbox-container .checkbox:hover,.checkbox-container:has(.checkbox-label:hover) .checkbox) .checkbox-fill{background:var(--color-hover);width:20%;height:20%;color:var(--color-icon);border-radius:20%}:is(.checkbox-container .checkbox:hover,.checkbox-container:has(.checkbox-label:hover) .checkbox).is-checked .checkbox-fill{border-radius:inherit;background:var(--color);width:100%;height:100%}.checkbox-container .checkbox:focus{box-shadow:0 0 0 .3em var(--color-hover)}.checkbox-container:has(.checkbox-input:focus) .checkbox{box-shadow:0 0 0 .3em var(--color-hover)}.checkbox-container:has(.checkbox-label:focus) .checkbox{box-shadow:0 0 0 .3em var(--color-hover)}.checkbox-container.color-primary{--color:var(--color-primary-500);--color-icon:var(--color-primary-50);--color-hover:hsl(from var(--color-primary-500) h s l / 50%)}.checkbox-container.color-secondary{--color:var(--color-secondary-500);--color-icon:var(--color-secondary-50);--color-hover:hsl(from var(--color-secondary-500) h s l / 50%)}.checkbox-container.color-tertiary{--color:var(--color-tertiary-500);--color-icon:var(--color-tertiary-50);--color-hover:hsl(from var(--color-tertiary-500) h s l / 50%)}.checkbox-container.color-active{--color:var(--color-active-500);--color-icon:var(--color-active-50);--color-hover:hsl(from var(--color-active-500) h s l / 50%)}.checkbox-container.color-warning{--color:var(--color-warning-500);--color-icon:var(--color-warning-50);--color-hover:hsl(from var(--color-warning-500) h s l / 50%)}.checkbox-container.color-alert{--color:var(--color-alert-500);--color-icon:var(--color-alert-50);--color-hover:hsl(from var(--color-alert-500) h s l / 50%)}.checkbox-container.color-info{--color:var(--color-info-500);--color-icon:var(--color-info-50);--color-hover:hsl(from var(--color-info-500) h s l / 50%)}}
@layer components{.form-field{grid-auto-columns:auto;gap:.5em;transition:all .2s;display:grid}.form-field .field-content{grid-template-columns:auto 1fr auto;align-items:center;display:grid}.form-field .field-left-icon,.form-field .field-right-icon{font-size:1em}.form-field .field-left-icon{margin-right:1em}.form-field .field-right-icon{margin-left:1em}.form-field .field-message{grid-auto-flow:column;justify-content:start;align-items:center;gap:5px;display:grid}.form-field.variant-content-border .field-content{border:1px solid var(--color-border);background:var(--color-background);border-radius:4px;padding:1em}.form-field.variant-content-line .field-content{border-bottom:1px solid;padding:.5em 0}.form-field.variant-full-border{border:1px solid var(--color-border);background:var(--color-background);border-radius:4px;padding:.5em 0}.form-field.variant-full-border .field-label,.form-field.variant-full-border .field-content,.form-field.variant-full-border .field-message{padding:0 1em}.form-field.variant-inline{grid-auto-flow:column;align-items:center;padding:.5em 0}.form-field.variant-inline .field-label{width:auto}.form-field.error{color:var(--color-alert-500);border-color:var(--color-alert-500)}.form-field.focus{color:var(--color-info-500);border-color:var(--color-info-500)}:is(.form-field.error,.form-field.focus) .field-left-icon,:is(.form-field.error,.form-field.focus) .field-right-icon,:is(.form-field.error,.form-field.focus) .field-children{color:var(--color-foreground);border-color:var(--color-foreground)}.form-field .field-children>*{width:100%}}
@layer components{.polpo-modal{z-index:1001;pointer-events:none;position:fixed}.polpo-modal-content{background:var(--color-background-paper);pointer-events:initial}.polpo-modal-content.animation-fade-down{animation:.2s fadeInDown}.polpo-modal-content.animation-fade-down.modal-close{opacity:0;animation:.2s fadeOutUp;transform:translateY(-10px)}.polpo-modal-content.animation-bounce{animation:.5s bounceIn}.polpo-modal-content.animation-bounce.modal-close{opacity:0;animation:.5s bounceOut;transform:scale3d(.3,.3,.3)}.polpo-modal-backdrop{z-index:1000;width:100%;height:100%;animation:.5s cubic-bezier(.215,.61,.355,1) backdropOpen;position:fixed;top:0;left:0}.polpo-modal-backdrop.backdrop-close{opacity:0;animation:.5s cubic-bezier(.215,.61,.355,1) backdropClose;transform:translateY(-10px)}@keyframes backdropOpen{0%{opacity:0}to{opacity:1}}@keyframes backdropClose{0%{opacity:1}to{opacity:0}}}
@layer components{.polpo-action-modal,.polpo-action-modal .polpo-modal-content{background:0 0}.polpo-action-modal .polpo-modal-content.shake-animation{animation:.6s linear headShake}.polpo-action-modal-content{position:relative}.polpo-action-modal-content .polpo-action-modal-body{border-radius:10px;display:grid;overflow:hidden;box-shadow:0 0 10px -5px}.polpo-action-modal-content .polpo-action-modal-body-content{background:var(--color-background);gap:1em;padding:3em 4em 2em;display:grid}.polpo-action-modal-content.no-padding .polpo-action-modal-body-content{padding:2em 0 0}.polpo-action-modal-content:has(.action-modal-icon) .polpo-action-modal-body-content{padding-top:4em}.polpo-action-modal-content.back-card:before{content:"";z-index:-1;background:var(--color-primary-500);border-radius:10px;width:90%;height:100%;transition:top .3s cubic-bezier(.81,-.52,.42,2.5);display:block;position:absolute;top:8px;left:50%;transform:translate(-50%)}.polpo-action-modal-content .action-modal-icon{background:var(--color-primary-500);color:var(--color-primary-50);z-index:1;width:2em;height:2em;box-shadow:0 0 0 0 hsl(from var(--color-primary-500) h s l / 53%), 0 0 0 0 hsl(from var(--color-primary-500) h s l / 40%), 0 0 0 0 hsl(from var(--color-primary-500) h s l / 27%), 0 0 0 0 hsl(from var(--color-primary-500) h s l / 14%);border-radius:50%;place-content:center;padding:0;transition:box-shadow .3s cubic-bezier(.81,-.52,.42,2.5);display:grid;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.polpo-action-modal-content .close-modal-button{cursor:pointer;background:var(--color-background);opacity:0;z-index:1;box-sizing:content-box;border-radius:50%;place-content:center;width:1em;height:1em;margin:.5em;padding:.2em;font-size:1.5em;transition:all .3s;display:grid;position:absolute;top:0;right:0}.polpo-action-modal-content.line-on-top .polpo-action-modal-content{border-top:5px solid var(--color-primary-500)}.polpo-action-modal-content:hover .action-modal-icon{box-shadow:0 0 0 7px hsl(from var(--color-primary-500) h s l / 53%), 0 0 0 14px hsl(from var(--color-primary-500) h s l / 40%), 0 0 0 21px hsl(from var(--color-primary-500) h s l / 27%), 0 0 0 28px hsl(from var(--color-primary-500) h s l / 14%)}.polpo-action-modal-content:hover .close-modal-button{opacity:1}.polpo-action-modal-content:hover .close-modal-button:hover{background:var(--color-gray-100)}.polpo-action-modal-content:hover:before{top:15px}}
@layer components{.polpo-aside-modal{color:var(--color-foreground);height:100%;overflow:auto}.polpo-aside-modal .polpo-aside-modal-content{padding:2em}.polpo-aside-modal .close-modal-button{cursor:pointer;background:0 0;border-radius:50%;place-content:center;margin:.5em;padding:.5em;font-size:1.5em;transition:all .3s;display:grid;position:absolute}.polpo-aside-modal .close-modal-button:hover{background:var(--color-background)}.polpo-aside-modal.left{border-right:4px solid var(--color-primary-500);animation:.3s slideIn-left}.polpo-aside-modal.left.modal-close{animation:.3s slideOut-left;transform:translate(-100%)}.polpo-aside-modal.left .close-modal-button{top:0;right:0}.polpo-aside-modal.right{border-left:4px solid var(--color-primary-500);animation:.3s slideIn-right}.polpo-aside-modal.right.modal-close{animation:.3s slideOut-right;transform:translate(100%)}.polpo-aside-modal.right .close-modal-button{top:0;right:0}.polpo-aside-modal.top{border-bottom:4px solid var(--color-primary-500);animation:.3s slideIn-top}.polpo-aside-modal.top.modal-close{animation:.3s slideOut-top;transform:translateY(-100%)}.polpo-aside-modal.top .close-modal-button{bottom:0;right:0}.polpo-aside-modal.bottom{border-top:4px solid var(--color-primary-500);animation:.3s slideIn-bottom}.polpo-aside-modal.bottom.modal-close{animation:.3s slideOut-bottom;transform:translateY(100%)}.polpo-aside-modal.bottom .close-modal-button{top:0;right:0}}
@layer components{.polpo-confirmation-modal{text-align:center;place-content:center;justify-items:center;gap:1em;max-width:450px;display:grid}.polpo-confirmation-modal .polpo-confirmation-modal-actions{grid-auto-flow:column;justify-content:center;gap:1em;display:grid}}
@layer components{.polpo-menu-modal{border:1px solid var(--color-border);background:var(--color-background);box-shadow:0 0 25px var(--color-background-paper);-webkit-user-select:none;user-select:none;border-radius:.5em;position:relative;overflow-y:auto}.polpo-menu-modal .polpo-menu-content{align-content:start;gap:.2em;height:100%;margin:0;padding:0;list-style:none;display:grid;position:relative;overflow-y:auto}.polpo-menu-modal .divider{color:var(--color-border);margin:.4em 0}.polpo-menu-label{background:var(--color-background);color:var(--color-foreground);z-index:10;pointer-events:none;padding:.5em 1.2em;font-weight:lighter;position:sticky;top:0}.polpo-menu-option{cursor:pointer;border-radius:.3em;outline:0;align-items:center;margin:0 .2em;padding:.2em 1em;transition:all .3s;display:flex;position:relative}.polpo-menu-option .ripple-effect{background:hsl(from var(--color-foreground) h s l / 31%)}.polpo-menu-option:first-child{margin-top:5px}.polpo-menu-option .option-icon{margin-right:.5em}.polpo-menu-option .menu-checkbox{width:100%}.polpo-menu-option.is-disabled{opacity:.4;pointer-events:none;cursor:default}.polpo-menu-option:focus,.polpo-menu-option:hover{background:hsl(from var(--color-background-paper) h s l / 25%)}.polpo-menu-option.is-selected{background:var(--color-background-paper)}.polpo-menu-option.is-selected:focus,.polpo-menu-option.is-selected:hover{background:hsl(from var(--color-background-paper) h s l / 75%)}.polpo-menu-group{position:relative}.polpo-menu-group .polpo-menu-group-content{align-content:start;gap:.2em;margin:0;padding:0;list-style:none;display:grid;position:relative}}
@layer components{.input-color{grid-auto-flow:column;justify-content:start;align-items:center;gap:.5em;display:grid}.input-color .input-color-value{margin-left:10px}.input-color .color-input{border-radius:inherit;width:100%;font-size:var(--text-label,.875rem);line-height:var(--tw-leading,var(--text-label--line-height,1.6));font-family:var(--font-main) sans-serif;padding-right:1em}.input-color-box{cursor:pointer;background:#fff;border:2px solid;border-radius:5px;width:25px;height:25px;position:relative}.input-color-box:before{content:"";border-radius:inherit;z-index:-1;background:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%) 50%/8px 8px;width:100%;height:100%;position:absolute;top:0;left:0}.input-color-selector{background:var(--color-background);color:var(--color-foreground);box-shadow:0 5px 30px -5px var(--color-gray-900);border:1px solid;border-radius:0 18px 18px;gap:10px;padding:10px;display:grid}.input-color-selector .react-colorful__pointer{border-radius:50%;width:1em;height:1em}.input-color-selector .react-colorful__hue-pointer,.input-color-selector .react-colorful__alpha-pointer{border-width:2px;border-radius:4px;width:8px;height:100%}.input-color-selector .color-input-container{border:1px solid;border-radius:8px;grid-template-columns:16px 1fr 16px;align-items:center;gap:10px;width:100%;max-width:200px;padding:.5em;display:grid}.input-color-selector .color-input{border-radius:inherit;background:var(--color-background);color:var(--color-foreground);width:100%;font-size:var(--text-label,.875rem);line-height:var(--tw-leading,var(--text-label--line-height,1.6));font-family:var(--font-main) sans-serif;letter-spacing:2px;text-align:center;padding:0}}
@layer components{.input-file-container{gap:10px;display:grid}.input-file-container .input-file--box{background:var(--color-secondary-500);color:var(--color-secondary-50);border:1px solid;border-radius:5px;grid-template-columns:32px 1fr;align-items:center;gap:10px;padding:10px;transition:all .3s;display:grid;position:relative}.input-file-container .input-file--box .input-file--box--icon{background:var(--color-primary-50);width:32px;height:32px;color:var(--color-primary-500);border-radius:5px;place-content:center;display:grid}.input-file-container .input-file--box input{cursor:copy;opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.input-file-container .input-file--box:hover{background:var(--color-primary-50);color:var(--color-primary-500)}.input-file-container .input-file--box:hover .input-file--box--icon{background:var(--color-primary-500);color:var(--color-primary-50)}.input-file-container .input-file--files{border:1px solid;border-radius:5px;max-height:280px;overflow-y:auto}.input-file-container .input-file--files .input-file--files--content{display:grid}.input-file-container .error{color:tomato}.input-file-container .total-info{grid-auto-flow:column;justify-content:end;align-items:center;gap:.5em;font-size:1em;display:grid}.input-file-container .total-info .total-info--delete{cursor:pointer;aspect-ratio:1;background:0 0;border-radius:50%;place-content:center;width:2em;height:100%;font-size:.8em;transition:all .3s;display:grid}.input-file-container .total-info .total-info--delete:hover{background:var(--color-primary-500);color:var(--color-primary-50)}.input-file-card{background:var(--color-background);grid-template-columns:35px 1fr 35px;align-items:center;gap:1em;padding:10px;display:grid}.input-file-card:not(:last-child){border-bottom:1px dashed}.input-file-card:hover .file-card--delete{color:var(--color-primary-500)}.input-file-card .file-card--image{background:var(--color-primary-500);color:var(--color-primary-50);border:1px solid;border-radius:5px;place-content:center;width:32px;height:32px;display:grid}.input-file-card .file-card--data{justify-content:start;font-size:.7em;display:grid}.input-file-card .file-card--delete{cursor:pointer;border-radius:5px;place-content:center;width:32px;height:32px;transition:all .3s;display:grid}.input-file-card .file-card--delete:hover{background:var(--color-primary-500);color:var(--color-primary-50)}}
@layer components{.polpo-radio{background:var(--color-background-paper);border-radius:50%;outline:2px solid;width:1em;height:1em;padding:2px;transition:all .3s;display:flex;position:relative}.polpo-radio .polpo-radio-input{cursor:pointer;opacity:0;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.polpo-radio.size-small{font-size:1em}.polpo-radio.size-regular{font-size:1.2em}.polpo-radio.size-large{font-size:1.4em}.polpo-radio-fill{border-radius:inherit;width:0;height:0;margin:auto;transition:all .2s ease-out}.polpo-radio-container{--color:var(--color-gray-800);align-items:center;gap:1em;width:fit-content;display:flex}.polpo-radio-container .polpo-radio-label{cursor:pointer;-webkit-user-select:none;user-select:none}.polpo-radio-container .polpo-radio{color:var(--color)}.polpo-radio-container .polpo-radio.is-checked .polpo-radio-fill{background:var(--color);width:100%;height:100%}.polpo-radio-container .polpo-radio:hover{box-shadow:0 0 0 .4em hsl(from var(--color) h s l / 50%)}.polpo-radio-container:has(.polpo-radio-label:hover) .polpo-radio{box-shadow:0 0 0 .4em hsl(from var(--color) h s l / 50%)}:is(.polpo-radio-container .polpo-radio:hover,.polpo-radio-container:has(.polpo-radio-label:hover) .polpo-radio) .polpo-radio-fill{background:hsl(from var(--color) h s l / 50%);width:20%;height:20%}:is(.polpo-radio-container .polpo-radio:hover,.polpo-radio-container:has(.polpo-radio-label:hover) .polpo-radio).is-checked .polpo-radio-fill{background:var(--color);width:80%;height:80%}.polpo-radio-container.color-primary{--color:var(--color-primary-500)}.polpo-radio-container.color-secondary{--color:var(--color-secondary-500)}.polpo-radio-container.color-tertiary{--color:var(--color-tertiary-500)}.polpo-radio-container.color-active{--color:var(--color-active-500)}.polpo-radio-container.color-warning{--color:var(--color-warning-500)}.polpo-radio-container.color-alert{--color:var(--color-alert-500)}.polpo-radio-container.color-info{--color:var(--color-info-500)}}
@layer components{.polpo-infinity-scroll{place-content:start center;place-items:start center;display:grid}.polpo-infinity-scroll .loading{place-content:center;width:100%;height:30px;display:grid}.polpo-infinity-scroll .loading .loading--icon{font-size:20px;animation:.5s linear infinite spin}.polpo-infinity-scroll .empty-message{text-align:center;color:#a6a6a6;font-size:.8em}}@keyframes spin{to{transform:rotate(360deg)}}
@layer components{.select{cursor:pointer}.select .icon-close{cursor:pointer;border-radius:100%;place-content:center;align-self:center;padding:.5em;font-size:.6em;display:grid}.select .icon-close:hover{background:hsl(from var(--color-foreground) h s l / 33%)}.select .select-container{cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:1fr auto;grid-auto-rows:auto;align-items:center;gap:.5em;display:grid;position:relative}.select .select-container.three-columns{grid-template-columns:1fr auto auto}.select .input-button{appearance:none;white-space:nowrap;text-overflow:ellipsis;color:currentColor;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;grid-template-columns:1fr auto;width:100%;min-width:0;margin:0;padding:0;display:grid;overflow:hidden}.select .input-button.placeholder{color:#919191}.select .select-caret-icon{transition:transform .2s}.select .select-caret-icon.is-select-open{transform:rotate(180deg)}.select-options-menu .select-menu-content{height:auto;overflow:initial;gap:0;display:block}.select-options{grid-template-rows:1fr;gap:0;height:100%;display:grid;overflow:auto}.select-options.with-search-query{grid-template-rows:auto 1fr}.select-options .select-options-list-container{height:100%;overflow:auto}.select-options .select-options-list{align-content:start;gap:.2em;margin:0;padding:0;list-style:none;display:grid}.select-options-header{background:var(--color-background);border-bottom:1px solid var(--color-border);padding:2px 5px}.select-options-header .input-search{font-size:var(--text-label,.875rem);line-height:var(--tw-leading,var(--text-label--line-height,1.6));outline:none;width:100%;padding:.8em 5px}}
@layer components{.polpo-input-slider{grid-template-columns:1fr 50px;align-items:center;gap:10px;display:grid}.polpo-input-slider .polpo-slider{appearance:none;align-items:center;display:grid}.polpo-input-slider .polpo-slider:focus{outline:none}.polpo-input-slider .polpo-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary-500);width:20px;height:20px;box-shadow:0 0 0 0 var(--color-gray-500);cursor:pointer;border-radius:1em;margin-top:-8px;transition:all .3s}.polpo-input-slider .polpo-slider::-webkit-slider-runnable-track{background:hsl(from var(--color-primary-200) h s l / 50%);border-radius:1em;height:4px;transition:all .3s}:is(.polpo-input-slider .polpo-slider:focus,.polpo-input-slider .polpo-slider:hover)::-webkit-slider-thumb{background:var(--color-primary-500);box-shadow:0 0 0 6px hsl(from var(--color-primary-500) h s l / 50%);cursor:grab}.polpo-input-slider .polpo-slider:active::-webkit-slider-thumb{box-shadow:0 0 0 12px hsl(from var(--color-primary-500) h s l / 31%);cursor:grabbing}.polpo-input-slider .polpo-slider:focus::-webkit-slider-runnable-track{background:var(--color-primary-300)}.polpo-input-slider:has(.slider-number:focus) .slider::-webkit-slider-thumb{background:var(--color-primary-500);box-shadow:0 0 0 6px hsl(from var(--color-primary-500) h s l / 31%)}.polpo-input-slider:has(.slider-number:hover) .slider::-webkit-slider-thumb{background:var(--color-primary-500);box-shadow:0 0 0 6px hsl(from var(--color-primary-500) h s l / 31%)}.polpo-input-slider .polpo-slider-number{text-align:center;font-size:var(--text-label,.875rem);line-height:var(--tw-leading,var(--text-label--line-height,1.6));appearance:none;width:100%;color:inherit;border:1px solid;border-radius:5px;padding:4px 8px;font-weight:700;transition:all .3s}.polpo-input-slider .polpo-slider-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.polpo-input-slider .polpo-slider-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.polpo-input-slider.is-focus .slider-number{color:var(--color-primary-500)}}
@layer components{.polpo-textarea{field-sizing:content;border:0;outline:0}}
@layer components{.polpo-tooltip{color:var(--color-foreground);font-size:var(--text-small,.75rem);line-height:var(--tw-leading,var(--text-small--line-height,1.6));font-weight:var(--tw-font-weight,var(--text-small--font-weight,regular));pointer-events:none;border:1px solid;border-radius:5px;padding:.5em 1em;line-height:1em;display:block}.polpo-tooltip:before{content:"";background:var(--color-background-paper);z-index:1;border-top:1px solid #0000;border-left:1px solid #0000;border-right:1px solid var(--color-foreground);border-bottom:1px solid var(--color-foreground);border-radius:0 0 3px;width:10px;height:10px;display:block;position:absolute}.polpo-tooltip.left{animation:.25s ease-out fadeInRight}.polpo-tooltip.left.close-animation{opacity:0;animation:.25s ease-out fadeOutLeft;transform:translate(-10px)}.polpo-tooltip.left:before{top:50%;left:100%;transform:translate(-50%,-50%)rotate(-45deg)}.polpo-tooltip.right{animation:.25s ease-out fadeInLeft}.polpo-tooltip.right.close-animation{opacity:0;animation:.25s ease-out fadeOutRight;transform:translate(10px)}.polpo-tooltip.right:before{top:50%;right:100%;transform:translate(50%,-50%)rotate(135deg)}.polpo-tooltip.top{animation:.25s ease-out fadeInDown}.polpo-tooltip.top.close-animation{opacity:0;animation:.25s ease-out fadeOutUp;transform:translateY(-10px)}.polpo-tooltip.top:before{top:100%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.polpo-tooltip.bottom{animation:.25s ease-out fadeInUp}.polpo-tooltip.bottom.close-animation{opacity:0;animation:.25s ease-out fadeOutDown;transform:translateY(10px)}.polpo-tooltip.bottom:before{bottom:100%;left:50%;transform:translate(-50%,50%)rotate(-135deg)}}
@layer components{.polpo-switch-container{--width:attr(data-width);--dot-size:attr(data-dot-size);--dot-hover-size:attr(data-dot-hover-size);--padding:attr(data-padding);--color:var(--color-gray-500);--color-dark:var(--color-gray-800);--color-contrast:var(--color-gray-50);align-items:center;gap:.5em;width:fit-content;display:flex}.polpo-switch-container .polpo-switch{width:calc(var(--width) + var(--padding) * 2);background:var(--color-background-paper);padding:var(--padding);border-radius:100em;transition:all .3s;position:relative}.polpo-switch-container .polpo-switch .polpo-switch-dot{width:var(--dot-size);height:var(--dot-size);background:var(--color);z-index:1;border-radius:100em;margin-left:0;transition:all .3s;display:block;position:relative}.polpo-switch-container .polpo-switch .polpo-switch-icon{cursor:pointer;display:block}.polpo-switch-container .polpo-switch .switch-internal-left-icon,.polpo-switch-container .polpo-switch .switch-internal-right-icon{width:var(--dot-size);height:var(--dot-size);top:var(--padding);color:var(--color-contrast);place-content:center;transition:all .3s;display:grid;position:absolute}.polpo-switch-container .polpo-switch .switch-internal-left-icon{left:var(--padding)}.polpo-switch-container .polpo-switch .switch-internal-right-icon{right:var(--padding)}.polpo-switch-container .polpo-switch.is-checked{background:var(--color)}.polpo-switch-container .polpo-switch.is-checked .polpo-switch-dot{margin-left:calc(var(--width) - var(--dot-size));background:var(--color)}@supports (color:color-mix(in lab, red, red)){.polpo-switch-container .polpo-switch.is-checked .polpo-switch-dot{background:color-mix(in hsl, var(--color), var(--color-contrast) 75%)}}.polpo-switch-container .polpo-switch:not(.is-readonly):has(input:disabled){background:var(--color-background-disabled)}.polpo-switch-container .polpo-switch:not(.is-readonly):has(input:disabled) .polpo-switch-dot{background:var(--color-foreground-disabled)}:is(.polpo-switch-container .polpo-switch:not(.is-readonly):has(input:disabled) .switch-internal-left-icon,.polpo-switch-container .polpo-switch:not(.is-readonly):has(input:disabled) .switch-internal-right-icon){color:var(--color-foreground-disabled)}.polpo-switch-container .polpo-switch:not(.is-readonly):has(input:disabled).is-checked{background:var(--color-dark)}.polpo-switch-container .polpo-switch .polpo-switch-checkbox{cursor:pointer;opacity:0;z-index:3;width:100%;height:100%;position:absolute;top:0;left:0}.polpo-switch-container .polpo-switch-label{cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 .5em}.polpo-switch-container .polpo-switch:not(:has(.is-readonly,input:disabled)):hover .polpo-switch-dot{box-shadow:0 0 0 calc(.3 * var(--dot-size)) var(--color)}.polpo-switch-container:has(.polpo-switch-icon:hover) .polpo-switch:not(:has(.is-readonly,input:disabled)) .polpo-switch-dot{box-shadow:0 0 0 calc(.3 * var(--dot-size)) var(--color)}.polpo-switch-container:has(.polpo-switch-label:hover) .polpo-switch:not(:has(.is-readonly,input:disabled)) .polpo-switch-dot{box-shadow:0 0 0 calc(.3 * var(--dot-size)) var(--color)}@supports (color:color-mix(in lab, red, red)){.polpo-switch-container .polpo-switch:not(:has(.is-readonly,input:disabled)):hover .polpo-switch-dot{box-shadow:0 0 0 calc(.3 * var(--dot-size)) color-mix(in hsl, var(--color) 50%, var(--color-contrast))}.polpo-switch-container:has(.polpo-switch-icon:hover) .polpo-switch:not(:has(.is-readonly,input:disabled)) .polpo-switch-dot{box-shadow:0 0 0 calc(.3 * var(--dot-size)) color-mix(in hsl, var(--color) 50%, var(--color-contrast))}.polpo-switch-container:has(.polpo-switch-label:hover) .polpo-switch:not(:has(.is-readonly,input:disabled)) .polpo-switch-dot{box-shadow:0 0 0 calc(.3 * var(--dot-size)) color-mix(in hsl, var(--color) 50%, var(--color-contrast))}}.polpo-switch-container .polpo-switch:not(:has(.is-readonly,input:disabled)):active .polpo-switch-dot{width:var(--dot-hover-size)}.polpo-switch-container:has(.polpo-switch-icon:active) .polpo-switch:not(:has(.is-readonly,input:disabled)) .polpo-switch-dot{width:var(--dot-hover-size)}.polpo-switch-container:has(.polpo-switch-label:active) .polpo-switch:not(:has(.is-readonly,input:disabled)) .polpo-switch-dot{width:var(--dot-hover-size)}.polpo-switch-container .polpo-switch:not(:has(.is-readonly,input:disabled)).is-checked:active .polpo-switch-dot{margin-left:calc(var(--width) - var(--dot-hover-size))}.polpo-switch-container:has(.polpo-switch-icon:active) .polpo-switch:not(:has(.is-readonly,input:disabled)).is-checked .polpo-switch-dot{margin-left:calc(var(--width) - var(--dot-hover-size))}.polpo-switch-container:has(.polpo-switch-label:active) .polpo-switch:not(:has(.is-readonly,input:disabled)).is-checked .polpo-switch-dot{margin-left:calc(var(--width) - var(--dot-hover-size))}.polpo-switch-container.color-primary{--color:var(--color-primary-500);--color-dark:var(--color-primary-700);--color-contrast:var(--color-primary-50)}.polpo-switch-container.color-secondary{--color:var(--color-secondary-500);--color-dark:var(--color-secondary-700);--color-contrast:var(--color-secondary-50)}.polpo-switch-container.color-tertiary{--color:var(--color-tertiary-500);--color-dark:var(--color-tertiary-700);--color-contrast:var(--color-tertiary-50)}.polpo-switch-container.color-active{--color:var(--color-active-500);--color-dark:var(--color-active-700);--color-contrast:var(--color-active-50)}.polpo-switch-container.color-warning{--color:var(--color-warning-500);--color-dark:var(--color-warning-700);--color-contrast:var(--color-warning-50)}.polpo-switch-container.color-alert{--color:var(--color-alert-500);--color-dark:var(--color-alert-700);--color-contrast:var(--color-alert-50)}.polpo-switch-container.color-info{--color:var(--color-info-500);--color-dark:var(--color-info-700);--color-contrast:var(--color-info-50)}}
@layer components{.polpo-smart-table-container{border:0 solid var(--color-primary-500);border-radius:5px;width:100%;height:100%;margin:auto;overflow:auto}.polpo-smart-table{border-collapse:collapse;width:100%;position:relative}.polpo-smart-table.layout-fixed{table-layout:fixed}.polpo-smart-table.layout-scrollable{table-layout:auto}.polpo-smart-table thead{z-index:10;position:sticky;top:0;box-shadow:0 3px 5px #0003,0 1px 10px #0000001f}.polpo-smart-table thead tr{background:var(--color-primary-500);color:var(--color-primary-50);transition:all .3s}.polpo-smart-table tbody tr{box-shadow:inset 0 0 0 0 var(--color-primary-500);transition:box-shadow .3s}.polpo-smart-table tbody tr.row-selected,.polpo-smart-table tbody tr:hover{background:var(--color-background-paper)}.polpo-smart-table tbody tr.row-selected{box-shadow:inset 10px 0 0 -5px var(--color-primary-500)}.polpo-smart-table tbody tr:not(:last-child){border-bottom:1px solid var(--color-border)}.polpo-smart-table th{-webkit-user-select:none;user-select:none;padding:.8em 1.2em}.polpo-smart-table th.sort-on-click{cursor:pointer}.polpo-smart-table th .sort-icon{width:1em;display:block}.polpo-smart-table th svg{animation:.3s fadeIn}.polpo-smart-table th path{transition:all .3s}.polpo-smart-table th:first-child{padding-left:2em}.polpo-smart-table th:last-child{padding-right:2em}.polpo-smart-table td{padding:.6em 1em;transition:all .3s}.polpo-smart-table td:first-child{padding-left:2em}.polpo-smart-table td:last-child{padding-right:2em}}
@layer components{.polpo-tab{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s}.polpo-tab-list{--color:var(--color-gray-900);--color-contrast:var(--color-gray-50);--inner-radius:0;--outer-radius:0;font-size:var(--text-label,.875rem);line-height:var(--tw-leading,var(--text-label--line-height,1.6));border-radius:var(--outer-radius);grid-auto-flow:column;align-items:center;gap:1em;display:grid;position:relative}.polpo-tab-list .tab,.polpo-tab-list .polpo-tabs-selector{border-radius:var(--inner-radius)}.polpo-tab-list.size-small{font-size:var(--text-small,.75rem);line-height:var(--tw-leading,var(--text-small--line-height,1.6));font-weight:var(--tw-font-weight,var(--text-small--font-weight,regular))}.polpo-tab-list.size-medium{font-size:var(--text-label,.875rem);line-height:var(--tw-leading,var(--text-label--line-height,1.6))}.polpo-tab-list.size-large{font-size:var(--text-body,1rem);line-height:var(--tw-leading,var(--text-body--line-height,1.6));letter-spacing:var(--tw-tracking,var(--text-body--letter-spacing,0));font-weight:var(--tw-font-weight,var(--text-body--font-weight,regular))}.polpo-tab-list .polpo-tabs-selector{background:var(--color);color:var(--color-contrast);border-radius:1.5em;position:absolute}.polpo-tab-list .polpo-tabs-selector.active{transition:all .3s}.polpo-tab-list .polpo-tab{z-index:1;text-align:center;border-radius:1.5em;padding:.5em 1em}.polpo-tab-list .polpo-tab.is-open{color:var(--color-contrast)}.polpo-tab-list .polpo-tab:not(.is-open):hover{color:var(--color-gray-900)}.polpo-tab-list.radius-none{--outer-radius:0;--inner-radius:0}.polpo-tab-list.radius-small{--outer-radius:.5em;--inner-radius:.5em}.polpo-tab-list.radius-medium{--outer-radius:1em;--inner-radius:.8em}.polpo-tab-list.radius-large{--outer-radius:1.5em;--inner-radius:1.3em}.polpo-tab-list.radius-full{--outer-radius:1.8em;--inner-radius:1.6em}.polpo-tab-list.vertical-direction{align-items:unset;grid-auto-flow:row;align-content:start}.polpo-tab-list.variant-solid{background:var(--color-background-paper);color:var(--color-foreground);padding:.5em}.polpo-tab-list.variant-ghost{border:1px solid var(--color);padding:.5em}.polpo-tab-list.variant-line{border-radius:0}.polpo-tab-list.variant-line:not(.vertical-direction){border-bottom:2px solid var(--color-border)}.polpo-tab-list.variant-line .polpo-tabs-selector,.polpo-tab-list.variant-line .polpo-tab{border-radius:0}.polpo-tab-list.variant-line .polpo-tab.is-open{color:var(--color)}.polpo-tab-list.color-primary{--color:var(--color-primary-500);--color-contrast:var(--color-primary-50)}.polpo-tab-list.color-secondary{--color:var(--color-secondary-500);--color-contrast:var(--color-secondary-50)}.polpo-tab-list.color-tertiary{--color:var(--color-tertiary-500);--color-contrast:var(--color-tertiary-50)}.polpo-tab-list.color-active{--color:var(--color-active-500);--color-contrast:var(--color-active-50)}.polpo-tab-list.color-warning{--color:var(--color-warning-500);--color-contrast:var(--color-warning-50)}.polpo-tab-list.color-alert{--color:var(--color-alert-500);--color-contrast:var(--color-alert-50)}.polpo-tab-list.color-info{--color:var(--color-info-500);--color-contrast:var(--color-info-50)}}