[maestra-checkbox] input{display:none}[maestra-checkbox]{--maestra-checkbox-color:#00da50;--maestra-checkbox-pulse-color1:#00da5090;--maestra-checkbox-pulse-color2:#00da5060;--maestra-checkbox-pulse-color3:#00da5030}[maestra-checkbox] .red{--maestra-checkbox-color:#dc2626;--maestra-checkbox-pulse-color1:#dc262690;--maestra-checkbox-pulse-color2:#dc262660;--maestra-checkbox-pulse-color3:#dc262630}[maestra-checkbox] .green{--maestra-checkbox-color:#00da50;--maestra-checkbox-pulse-color1:#00da5090;--maestra-checkbox-pulse-color2:#00da5060;--maestra-checkbox-pulse-color3:#00da5030}[maestra-checkbox] .blue{--maestra-checkbox-color:#3b82f6;--maestra-checkbox-pulse-color1:#3b82f690;--maestra-checkbox-pulse-color2:#3b82f660;--maestra-checkbox-pulse-color3:#3b82f630}[maestra-checkbox] .purple{--maestra-checkbox-color:#8b5cf6;--maestra-checkbox-pulse-color1:#8b5cf690;--maestra-checkbox-pulse-color2:#8b5cf660;--maestra-checkbox-pulse-color3:#8b5cf630}[maestra-checkbox] .dark{--maestra-checkbox-color:#000;--maestra-checkbox-pulse-color1:#00000090;--maestra-checkbox-pulse-color2:#00000060;--maestra-checkbox-pulse-color3:#00000030}[maestra-checkbox] .style1{align-items:center;cursor:pointer;display:flex;font-size:1rem;gap:12px;user-select:none}[maestra-checkbox] .style1 input{height:100%;opacity:0;position:absolute;width:100%;z-index:2}[maestra-checkbox] .style1 .checkmark{background-color:#ccc;border-radius:50%;flex-shrink:0;height:1.5em;pointer-events:none;position:relative;transition:.3s;width:1.5em}[maestra-checkbox] .style1 input:checked~.checkmark{animation:maestraPulse .5s ease-in-out;background-color:var(--maestra-checkbox-color);border-radius:.5rem}[maestra-checkbox] .style1 .checkmark:after{border:solid #e0e0e2;border-width:0 .2em .2em 0;content:"";display:none;height:.8em;left:50%;position:absolute;top:50%;transform:translate(-50%,-60%) rotate(45deg);width:.4em}[maestra-checkbox] .style1 input:checked~.checkmark:after{display:block}[maestra-checkbox] .style1 .form-check-label{color:#1f2937;cursor:pointer}@keyframes maestraPulse{0%{box-shadow:0 0 0 var(--maestra-checkbox-pulse-color1);rotate:20deg}50%{rotate:-20deg}75%{box-shadow:0 0 0 10px var(--maestra-checkbox-pulse-color2)}to{box-shadow:0 0 0 13px var(--maestra-checkbox-pulse-color3);rotate:0}}[maestra-checkbox] .style2{align-items:center;cursor:pointer;display:flex;font-size:1rem;gap:12px;position:relative;user-select:none}[maestra-checkbox] .style2 input{height:100%;opacity:0;position:absolute;width:100%;z-index:2}[maestra-checkbox] .style2 .checkmark{background-color:#fff;border:1px solid #c8ccd4;border-radius:4px;flex-shrink:0;height:1.5em;pointer-events:none;position:relative;transition:background .2s ease,border-color .2s ease;width:1.5em}[maestra-checkbox] .style2 .checkmark:after{border-bottom:2px solid #fff;border-right:2px solid #fff;content:"";height:14px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-56%) rotate(45deg) scale(0);transition:all .3s ease;transition-delay:.15s;width:7px}[maestra-checkbox] .style2 input:checked+.checkmark{animation:maestraStyle2Jelly .6s ease;background-color:var(--maestra-checkbox-color);border-color:transparent}[maestra-checkbox] .style2 input:checked+.checkmark:after{opacity:1;transform:translate(-50%,-70%) rotate(45deg) scale(1)}[maestra-checkbox] .style2 .form-check-label{color:#181f29;cursor:pointer}@keyframes maestraStyle2Jelly{0%{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}to{transform:scale(1)}}[maestra-checkbox] .style3{align-items:center;cursor:pointer;display:flex;font-size:1rem;gap:12px;position:relative;user-select:none}[maestra-checkbox] .style3 input{height:100%;opacity:0;position:absolute;width:100%;z-index:2}[maestra-checkbox] .style3 .checkmark{background-color:#eee;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.2);flex-shrink:0;height:25px;pointer-events:none;position:relative;transition:background-color .3s,box-shadow .3s;width:25px}[maestra-checkbox] .style3 .checkmark:after{border:solid #fff;border-width:0 3px 3px 0;content:"";display:none;height:45%;left:50%;position:absolute;top:50%;transform:translate(-50%,-52%) rotate(45deg);width:20%}[maestra-checkbox] .style3 input:checked+.checkmark{background-color:var(--maestra-checkbox-color)}[maestra-checkbox] .style3 input:checked+.checkmark:after{animation:maestraCheckAnim .2s forwards;display:block}[maestra-checkbox] .style3 .form-check-label{color:#1f2937;cursor:pointer}@keyframes maestraCheckAnim{0%{height:0}to{height:10px}}[maestra-checkbox] .style4{align-items:center;cursor:pointer;display:flex;font-size:1rem;gap:12px;position:relative;user-select:none}[maestra-checkbox] .style4 input{height:100%;opacity:0;position:absolute;width:100%;z-index:2}[maestra-checkbox] .style4 .checkmark{background-color:#fff;border:3px solid var(--maestra-checkbox-color);border-radius:4px;box-sizing:border-box;flex-shrink:0;height:26px;pointer-events:none;position:relative;transition:background .4s ease;width:26px}[maestra-checkbox] .style4 .checkmark:after{border-bottom:2px solid #fff;border-right:2px solid #fff;content:"";height:12px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-56%) rotate(45deg);transform-origin:center;width:6px;stroke-dasharray:20;stroke-dashoffset:20;transition:all .4s ease}[maestra-checkbox] .style4 input:checked+.checkmark{background:var(--maestra-checkbox-color);box-shadow:0 3px 7px rgba(33,150,243,.3)}[maestra-checkbox] .style4 input:checked+.checkmark:after{opacity:1;stroke-dashoffset:0}[maestra-checkbox] .style4 .form-check-label{color:#1f2937;cursor:pointer}[maestra-checkbox] .style5{align-items:center;cursor:pointer;display:flex;font-size:1rem;gap:12px;position:relative;user-select:none}[maestra-checkbox] .style5 input{height:100%;opacity:0;position:absolute;width:100%;z-index:2}[maestra-checkbox] .style5 .checkmark{background-color:#ddd;border-radius:10px;display:block;flex-shrink:0;height:30px;overflow:hidden;pointer-events:none;position:relative;transition:background-color .4s;width:30px}[maestra-checkbox] .style5 input:checked+.checkmark{background-color:#08bb68}[maestra-checkbox] .style5 .checkmark:after{border-bottom:3px solid #fff;border-right:3px solid #fff;content:"";height:10px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(40deg) scale(10);transition:all .4s ease;width:5px}[maestra-checkbox] .style5 input:checked+.checkmark:after{opacity:1;transform:translate(-50%,-50%) rotate(40deg) scale(1)}[maestra-checkbox] .style5 .form-check-label{color:#1f2937;cursor:pointer}[maestra-checkbox] .style6{align-items:center;cursor:pointer;display:flex;font-size:1rem;gap:12px;position:relative;user-select:none}[maestra-checkbox] .style6 input{height:100%;opacity:0;position:absolute;width:100%;z-index:2}[maestra-checkbox] .style6 .checkmark{background-color:transparent;border-radius:8px;box-shadow:0 0 0 2px var(--maestra-checkbox-color,#000);flex-shrink:0;height:30px;overflow:hidden;pointer-events:none;position:relative;width:30px}[maestra-checkbox] .style6 .checkmark:before{background-color:var(--maestra-checkbox-color,#000);border-radius:6px;content:"";height:140%;left:-140%;position:absolute;top:-140%;transform:rotate(45deg);transition:all .3s ease;width:140%;z-index:1}[maestra-checkbox] .style6 input:checked+.checkmark:before{left:-20%;top:-20%}[maestra-checkbox] .switch{align-items:center;cursor:pointer;display:flex;font-size:1rem;gap:12px;position:relative;user-select:none;--switch-width:46px;--switch-height:24px;--switch-bg:#838383;--switch-checked-bg:var(--maestra-checkbox-color);--circle-diameter:18px;--switch-offset:calc((var(--switch-height) - var(--circle-diameter))/2);--circle-bg:#fff;--circle-shadow:1px 1px 2px hsla(0,0%,57%,.45);--circle-checked-shadow:-1px 1px 2px hsla(0,0%,64%,.45);--switch-transition:all 0.2s cubic-bezier(0.27,0.2,0.25,1.51);--effect-width:calc(var(--circle-diameter)/2);--effect-height:calc(var(--effect-width)/2 - 1px);--effect-bg:var(--circle-bg);--effect-border-radius:1px;--effect-transition:all 0.2s ease-in-out}[maestra-checkbox] .switch input{height:100%;opacity:0;position:absolute;width:100%;z-index:2}[maestra-checkbox] .switch .checkmark{align-items:center;background:var(--switch-bg);border-radius:999px;cursor:pointer;display:flex;flex-shrink:0;height:var(--switch-height);pointer-events:none;position:relative;transition:var(--switch-transition);width:var(--switch-width)}[maestra-checkbox] .switch .checkmark:after{background:var(--circle-bg);border-radius:50%;box-shadow:var(--circle-shadow);content:"";height:var(--circle-diameter);left:var(--switch-offset);position:absolute;top:50%;transform:translateY(-50%);transition:var(--switch-transition);width:var(--circle-diameter);z-index:1}[maestra-checkbox] .switch .checkmark:before{background:var(--effect-bg);border-radius:var(--effect-border-radius);content:"";height:var(--effect-height);left:calc(var(--switch-offset) + var(--effect-width)/2);position:absolute;top:50%;transform:translateY(-50%);transition:var(--effect-transition);width:var(--effect-width);z-index:0}[maestra-checkbox] .switch input:checked+.checkmark{background:var(--switch-checked-bg)}[maestra-checkbox] .switch input:checked+.checkmark:after{box-shadow:var(--circle-checked-shadow);left:calc(100% - var(--circle-diameter) - var(--switch-offset))}[maestra-checkbox] .switch input:checked+.checkmark:before{left:calc(100% - var(--effect-width) - var(--effect-width)/2 - var(--switch-offset))}[maestra-checkbox] .switch .form-check-label{color:#1f2937;cursor:pointer}[maestra-checkbox] .switch2{align-items:center;cursor:pointer;display:flex;font-size:1rem;gap:12px;position:relative;user-select:none}[maestra-checkbox] .switch2 input{height:100%;opacity:0;position:absolute;width:100%;z-index:2}[maestra-checkbox] .switch2 .checkmark{background-color:#e9e9eb;border-radius:16px;flex-shrink:0;height:31px;pointer-events:none;position:relative;transition:all .2s ease-out;width:51px}[maestra-checkbox] .switch2 .checkmark:after{background:#fff;border-radius:50%;box-shadow:0 3px 8px rgba(0,0,0,.15),0 3px 1px rgba(0,0,0,.06);content:"";height:27px;left:calc(50% - 23.5px);position:absolute;top:calc(50% - 13.5px);transition:all .2s ease-out;width:27px}[maestra-checkbox] .switch2 input:checked+.checkmark{background-color:#34c759}[maestra-checkbox] .switch2 input:checked+.checkmark:after{left:calc(50% - 3.5px);top:calc(50% - 13.5px)}[maestra-checkbox] .switch2 .form-check-label{color:#1f2937;cursor:pointer}[maestra-checkbox] .heart{align-items:center;cursor:pointer;display:flex;font-size:1rem;gap:12px;position:relative;transition:transform .1s ease-in-out;user-select:none}[maestra-checkbox] .heart input{height:100%;opacity:0;position:absolute;width:100%;z-index:2}[maestra-checkbox] .heart .checkmark{animation:maestraHeartDislike .4s ease;background-color:transparent;flex-shrink:0;height:2.5em;pointer-events:none;position:relative;width:2.5em}[maestra-checkbox] .heart .checkmark:before{background-color:var(--maestra-checkbox-color,#000);background:var(--maestra-checkbox-color,#000);content:"";inset:0;mask:url("data:image/svg+xml;utf8,<svg viewBox=%270 0 256 256%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M224.6,51.9a59.5,59.5,0,0,0-43-19.9,60.5,60.5,0,0,0-44,17.6L128,59.1l-7.5-7.4C97.2,28.3,59.2,26.3,35.9,47.4a59.9,59.9,0,0,0-2.3,87l83.1,83.1a15.9,15.9,0,0,0,22.6,0l81-81C243.7,113.2,245.6,75.2,224.6,51.9Z%27 fill=%27none%27 stroke=%27black%27 stroke-width=%2720%27/></svg>") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;utf8,<svg viewBox=%270 0 256 256%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M224.6,51.9a59.5,59.5,0,0,0-43-19.9,60.5,60.5,0,0,0-44,17.6L128,59.1l-7.5-7.4C97.2,28.3,59.2,26.3,35.9,47.4a59.9,59.9,0,0,0-2.3,87l83.1,83.1a15.9,15.9,0,0,0,22.6,0l81-81C243.7,113.2,245.6,75.2,224.6,51.9Z%27 fill=%27none%27 stroke=%27black%27 stroke-width=%2720%27/></svg>") center/contain no-repeat;mask-composite:exclude;-webkit-mask-composite:destination-out;opacity:.8;position:absolute}[maestra-checkbox] .heart .checkmark:after{background:var(--maestra-checkbox-color,#000);content:"";display:none;inset:0;mask:url("data:image/svg+xml;utf8,<svg viewBox=%270 0 256 256%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M224.6,51.9a59.5,59.5,0,0,0-43-19.9,60.5,60.5,0,0,0-44,17.6L128,59.1l-7.5-7.4C97.2,28.3,59.2,26.3,35.9,47.4a59.9,59.9,0,0,0-2.3,87l83.1,83.1a15.9,15.9,0,0,0,22.6,0l81-81C243.7,113.2,245.6,75.2,224.6,51.9Z%27 fill=%27black%27/></svg>") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;utf8,<svg viewBox=%270 0 256 256%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M224.6,51.9a59.5,59.5,0,0,0-43-19.9,60.5,60.5,0,0,0-44,17.6L128,59.1l-7.5-7.4C97.2,28.3,59.2,26.3,35.9,47.4a59.9,59.9,0,0,0-2.3,87l83.1,83.1a15.9,15.9,0,0,0,22.6,0l81-81C243.7,113.2,245.6,75.2,224.6,51.9Z%27 fill=%27black%27/></svg>") center/contain no-repeat;position:absolute}[maestra-checkbox] .heart input:checked+.checkmark{animation:maestraHeartLike .4s ease}[maestra-checkbox] .heart input:checked+.checkmark:after{display:block}[maestra-checkbox] .heart .form-check-label{color:#1f2937;cursor:pointer}@keyframes maestraHeartLike{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes maestraHeartDislike{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}