.ribbon{--f:10px;--r:10px;--t:20px;--tp:5px;position:absolute;inset:var(--t) calc(-1*var(--f)) auto auto;padding:var(--tp) 10px calc(var(--f) + var(--tp)) calc(10px + var(--r));-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),var(--r) calc(50% - var(--f) / 2));clip-path:polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),var(--r) calc(50% - var(--f) / 2));box-shadow:0 calc(-1*var(--f)) 0 inset rgba(0,0,0,.333)}.checkbox label{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}:is(.dark .checkbox label){--tw-bg-opacity:1;background-color:rgb(12 10 9/var(--tw-bg-opacity))}.checkbox label{border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}:is(.dark .checkbox label){--tw-border-opacity:1;border-color:rgb(68 64 60/var(--tw-border-opacity))}.checkbox label{border-radius:50%;cursor:pointer;height:28px;left:0;position:absolute;top:0;width:28px}.checkbox label:after{border:2px solid #fff;border-top:none;border-right:none;content:"";height:6px;left:7px;opacity:0;position:absolute;top:8px;transform:rotate(-45deg);width:12px}.checkbox input[type=checkbox]{visibility:hidden}.checkbox input[type=checkbox]:checked+label{background-color:#66bb6a;border-color:#66bb6a}.checkbox input[type=checkbox]:checked+label:after{opacity:1}