.tick-box{width:max-content;max-width:100%;color:var(--font-black);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin:auto 0;transition:opacity .24s;display:inline-flex}.tick-box-disable{cursor:not-allowed;opacity:.6}.tick-box-text-first{flex-direction:row-reverse}.tick-box-native{opacity:0;pointer-events:none;position:absolute}.tick-box-indicator{background:linear-gradient(180deg,var(--surface-elevated),var(--surface-panel-strong));width:20px;height:20px;box-shadow:inset 0 1px 0 #ffffffb8,0 2px 6px rgba(var(--shadow-base-rgb),.08);border:1px solid #677b9685;border-radius:7px;flex:0 0 20px;transition:all .24s;position:relative}.tick-box-indicator:before{content:"";background:var(--main-color-select);opacity:0;border-radius:50%;width:10px;height:10px;transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.55)}.tick-box-label{opacity:.9;font-size:.88rem;font-weight:600;line-height:1.7;transition:all .2s}.tick-box:hover .tick-box-indicator{border:var(--common-border-select);box-shadow:0 0 0 4px #39c5bb14}.tick-box-native:focus-visible+.tick-box-indicator{border:var(--common-border-select);box-shadow:0 0 0 4px #39c5bb1f}.tick-box-checked .tick-box-label{color:var(--font-black)}.tick-box-checked .tick-box-indicator{border:var(--common-border-select);background:#39c5bb1f}.tick-box-checked .tick-box-indicator:before{opacity:1;transform:translate(-50%,-50%)scale(1)}