@layer pluto{.pluto-input__checkbox{--pluto-checkbox-size:round(2.666rem, 1px);--pluto-checkbox-radius:round(.666rem, 1px);justify-content:center;align-items:center;display:flex;position:relative;cursor:pointer!important;background:0 0!important;&.pluto-btn{padding:0}&:not(.pluto--disabled).pluto-btn--prevent-click input{cursor:pointer}&:has(:focus-visible){& .pluto-input__checkbox-indicator{outline:1px solid var(--pluto-primary-z);outline-offset:var(--pluto-focus-ring-offset)}}& .pluto-input__checkbox-input{cursor:pointer;opacity:0;height:var(--pluto-height-medium);width:var(--pluto-height-medium);position:relative}& .pluto-input__checkbox-indicator{box-sizing:border-box;width:var(--pluto-checkbox-size);height:var(--pluto-checkbox-size);background:var(--pluto-gray-l1);border:1px solid var(--pluto-gray-l8);border-radius:var(--pluto-checkbox-radius);cursor:pointer;transition:background-color .1s,border-color .1s,outline-color .1s;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}&:not(.pluto--disabled,.pluto--icon):hover .pluto-input__checkbox-indicator{border-color:var(--pluto-gray-l9)}& .pluto-input__checkbox-indicator:after{content:"";background:var(--pluto-text-on-primary);display:none;position:absolute;inset:0;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.25l2.75 2.75L12 5.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/100% no-repeat}& .pluto-input__checkbox-input:checked~.pluto-input__checkbox-indicator,&.pluto--indeterminate .pluto-input__checkbox-indicator{background:var(--pluto-primary-z);border-color:var(--pluto-primary-z)}&:not(.pluto--disabled,.pluto--icon):hover .pluto-input__checkbox-input:checked~.pluto-input__checkbox-indicator,&.pluto--indeterminate:not(.pluto--disabled,.pluto--icon):hover .pluto-input__checkbox-indicator{background:var(--pluto-primary-p1);border-color:var(--pluto-primary-p1)}& .pluto-input__checkbox-input:checked~.pluto-input__checkbox-indicator:after,&.pluto--indeterminate .pluto-input__checkbox-indicator:after{display:block}&.pluto--indeterminate .pluto-input__checkbox-indicator:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8h7' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}&.pluto--height-tiny{--pluto-checkbox-size:2rem;--pluto-checkbox-radius:.5rem;& .pluto-input__checkbox-input{height:var(--pluto-height-small);width:var(--pluto-height-small)}}&.pluto--height-small{--pluto-checkbox-size:round(2.333rem, 1px);--pluto-checkbox-radius:.5rem}&.pluto--height-large{--pluto-checkbox-size:round(3.333rem, 1px);& .pluto-input__checkbox-input{height:var(--pluto-height-large);width:var(--pluto-height-large)}}&.pluto--height-huge{--pluto-checkbox-size:4rem;--pluto-checkbox-radius:round(.833rem, 1px);& .pluto-input__checkbox-input{height:var(--pluto-height-huge);width:var(--pluto-height-huge)}}&.pluto--icon{& .pluto-input__checkbox-indicator,& .pluto-input__checkbox-input:checked~.pluto-input__checkbox-indicator{background:0 0;border:none;justify-content:center;align-items:center;width:auto;height:auto;font-size:round(2.333rem,1px);display:flex}& .pluto-input__checkbox-indicator:after,& .pluto-input__checkbox-input:checked~.pluto-input__checkbox-indicator:after{display:none}}&.pluto--disabled{& *{cursor:not-allowed!important}& .pluto-input__checkbox-indicator{background:var(--pluto-gray-l2);border-color:var(--pluto-gray-l5)}& .pluto-input__checkbox-input:checked~.pluto-input__checkbox-indicator,&.pluto--indeterminate .pluto-input__checkbox-indicator{background:color-mix(in srgb, var(--pluto-primary-z) 40%, var(--pluto-gray-l3));border-color:#0000}& .pluto-input__checkbox-indicator:after{background:color-mix(in srgb, var(--pluto-text-on-primary) 70%, transparent)}}}.pluto-list__item{cursor:pointer;border-color:var(--pluto-gray-l2);border-radius:var(--pluto-border-radius-small);outline:none;width:100%;min-height:5.5rem;padding:1rem 2rem;position:relative;&.pluto-btn--prevent-click{cursor:default}&.pluto-btn.pluto--selected{--pluto-bg:var(--pluto-selected-list-bg);--pluto-hover-bg:var(--pluto-selected-list-hover-bg);--pluto-active-bg:var(--pluto-selected-list-active-bg);--pluto-border-color:var(--pluto-selected-list-border-color);--pluto-hover-border-color:var(--pluto-selected-list-border-color);--pluto-active-border-color:var(--pluto-selected-list-border-color);color:var(--pluto-text-color)}&.pluto--selected+&.pluto--selected{border-top-left-radius:0;border-top-right-radius:0}&.pluto--selected:has(+&.pluto--selected){border-bottom-right-radius:0;border-bottom-left-radius:0}&.pluto--dragging-over{background:var(--pluto-gray-l4)}}.pluto-list__scroll:has(.pluto-list__item.pluto--hovered) .pluto-list__item:not(.pluto--hovered){--pluto-hover-bg:var(--pluto-bg);--pluto-hover-border-color:var(--pluto-border-color)}.pluto-list__scroll--virtual>.pluto-list__virtualizer .pluto-list__item{min-height:var(--pluto-list-item-height);position:absolute;left:0}.pluto-list__virtualizer{-webkit-user-select:none;user-select:none;width:100%;position:relative;&>.pluto-list__sentinel{width:100%;height:1px}}.pluto-list__scroll{-webkit-user-select:none;user-select:none;contain:layout paint;position:relative;overflow:auto;&.pluto-list__scroll--animate-height{transition:height .1s}&:not(.pluto--direction-x){padding:1rem}&.pluto-list__scroll--empty{justify-content:center;align-items:center}&.pluto--direction-x{&::-webkit-scrollbar{height:3px}&::-webkit-scrollbar-thumb:hover{background:var(--pluto-gray-l7)}&>.pluto-list__virtualizer{flex-direction:inherit;flex-wrap:inherit;gap:inherit;display:flex}}}.pluto-list__item[hidden]{display:none}.pluto-select__fixed-label{vertical-align:top;pointer-events:none;align-items:center;gap:1rem;display:inline-flex}.pluto-select__item--checkable.pluto-list__item:not(.pluto--selected){--pluto-hover-bg:color-mix(in srgb, var(--pluto-gray-l2) 40%, var(--pluto-gray-l3));--pluto-active-bg:var(--pluto-hover-bg)}.pluto-select__item--checkable>.pluto-input__checkbox{margin-inline-end:-1.5rem}}
