.x-spinner{border-color:var(--spinner-color,#000);border-style:solid;--size:1.4em;animation:spinn .85s linear infinite;border-radius:50%;border-right-color:#fff0!important;border-top-color:#fff0!important;border-width:.1em;display:block;height:var(--size);margin:.5em;width:var(--size);z-index:2}.x-spinner.is-white{border-color:var(--spinner-color,#fff)}.x-spinner.is-small{border-width:2px;height:1em;margin:0;width:1em}@keyframes spinn{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(2turn)}}.x-action,.x-action .dot{position:relative}.x-action .dot{align-self:center;background:var(--custom-color,#ddd);border-radius:100%;cursor:pointer;display:block;height:var(--size);text-align:center;touch-action:manipulation;transition:transform .1s;width:var(--size);z-index:2}.x-action .dot *{pointer-events:none!important}.x-action .dot.is-text{border-radius:.2em;font-size:1.2em;height:auto;line-height:1;padding:.35em 2em;width:auto}.x-action .dot.is-count{font-family:helvetica;font-size:calc(var(--size)*.7);font-weight:430;line-height:1.4;text-align:center;text-indent:-2%}.x-action .dot.is-count.is-selected{border:1px solid #000;font-size:calc(var(--size)*.66);line-height:1.4}.x-action .dot.with-shadow{box-shadow:0 1px 7px #0000004d;box-shadow:1px 1px 2px #0000004d}.x-action .dot.is-selected{border:2px solid #000}.x-action .dot .x-svg{--size:70%;height:var(--size);left:calc((100% - var(--size))*.5);pointer-events:none!important;position:absolute;top:calc((100% - var(--size))*.5);width:var(--size)}.x-action .dot .x-spinner{height:96%;margin:2%;width:96%}.x-action .dot.size--xsmall{--size:1.2em}.x-action .dot.size--small{--size:1.7em}.x-action .dot.size--medium{--size:1.8em}.x-action .dot.size--large{--size:3em}.x-action .dot.size--xlarge{--size:3.5em}.x-action .dot.color--dark-green{background:#01503e}.x-action .dot.color--transparent{background:transparent}.x-action .dot.color--white{background:#fff}.x-action .dot.color--yellow{background:#fff236}.x-action .dot.color--orange{background:orange}.x-action .dot.color--gray{background:#ddd}.x-action .dot.color--gray2{background:#ccc}.x-action .dot.color--gray-dark{background:#aaa}.x-action .dot.color--theme{background:var(--color)}.x-action .dot.color--pink{background:#ffc2ff}.x-action .dot.color--red{background:#ff4701}.x-action .dot.color--blue{background:#00f;color:#fff}.x-action .dot.color--blue3{background:#01dee4}.x-action .dot.color--dark-blue{background:#272aa8;color:#fff}.x-action .dot.color--copilot-theme{background:#00dfe4}.x-action .dot.color--blue2{background:#0ca1ff}.x-action .dot.color--blue1{background:#00c0f6}.x-action .dot.color--green{background:#8de6ff}.x-action .dot.color--green2{background:#81eed6}.x-action .dot.color--black{background:#000}.x-action .dot.marker--1{background:red}.x-action .dot.marker--2{background:var(--marker-2)}.x-action .dot.marker--3{background:var(--marker-3)}.x-action .dot.marker--4{background:var(--marker-4)}.x-action .dot.marker--5{background:var(--marker-5)}.x-action .dot.marker--6{background:var(--marker-6)}.x-action .dot.marker--7{background:var(--marker-7)}.x-action .dot.marker--8{background:var(--marker-8)}.x-action .dot.marker--9{background:var(--marker-9)}.x-action .dot.marker--10{background:var(--marker-10)}.x-action .dot.marker--11{background:var(--marker-11)}.x-action .dot.is-disabled{opacity:.2;pointer-events:none}.x-action .dot.is-disabled .click-effect{opacity:0!important}.x-action .click-effect{background:red;border-radius:100%;inset:0;opacity:0;position:absolute;transform:scale(1);z-index:0}.x-action .click-effect.is-clicked{animation:anim .2s ease-out 1}@keyframes anim{0%{opacity:0;transform:scale(0);transform:scale(1)}30%{opacity:1}to{opacity:0;transform:scale(2)}}.x-action .click-effect.is-disabled{opacity:0}.x-action .pulse-effect{background:var(--puls-color,orange);border-radius:100%;inset:0;opacity:1;position:absolute;transform:scale(1);z-index:0}.x-action .pulse-effect.pulse-1{animation:actionPulse .6s ease-out 1}.x-action .pulse-effect.pulse-2{animation:actionPulse .6s ease-out 2}.x-action .pulse-effect.pulse-true{animation:actionPulse 1.4s ease-out infinite}@keyframes actionPulse{0%{opacity:0;transform:scale(0);transform:scale(1)}40%{opacity:.7}to{opacity:0;transform:scale(2)}}