.circle-buttons,.circle-buttons *,.circle-buttons :before,.circle-buttons :after{box-sizing:border-box}.circle-buttons{--circle-button-hue:0deg;--circle-button-saturation:1;--circle-button-brightness:1;isolation:isolate;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;min-width:0;height:100%;min-height:0;filter:hue-rotate(var(--circle-button-hue)) saturate(var(--circle-button-saturation)) brightness(var(--circle-button-brightness));background:#111318;place-items:center;display:grid;position:relative;overflow:hidden;container-type:size}.circle-buttons--play{background:#0a0a0a}.circle-buttons--light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f4f7fb}.circle-buttons__atmosphere{filter:blur(54px);pointer-events:none;background:#ffffff05;border-radius:50%;width:min(62cqw,440px);height:min(50cqh,240px);position:absolute}.circle-button{aspect-ratio:1;color:#ffffffb3;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;width:clamp(56px,8cqw,72px);padding:0;transition:transform .2s ease-in-out,filter .2s ease-in-out;display:grid;position:relative;overflow:visible;transform:translateZ(0)}.circle-button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.48}.circle-button:focus-visible{outline-offset:7px;outline:2px solid #ffffffe0}.circle-buttons--light .circle-button:focus-visible{outline-color:#111827cc}.circle-button__aura,.circle-button__rim,.circle-button__face,.circle-button__details,.circle-button__icon{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.circle-button__face{z-index:1}.circle-button__rim{z-index:2}.circle-button__details{z-index:4}.circle-button__icon{z-index:5;place-items:center;display:grid}.circle-button__icon svg{width:30%;height:30%;overflow:visible}.circle-buttons--play .circle-button{overflow:hidden}.circle-buttons--play .circle-button__face{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#171717b3;box-shadow:inset 2px 4px 16px #ffffff0f}.circle-buttons--play .circle-button__rim{opacity:.25;border:1px solid #ffffff40;-webkit-mask-image:linear-gradient(170deg,#000,#0000 50%);mask-image:linear-gradient(170deg,#000,#0000 50%)}.circle-buttons--play .circle-button__aura{z-index:3;filter:blur(15px);background:conic-gradient(from 180deg,#ffffff03 180deg,#ffffff0d 360deg);width:200px;height:200px;transition:opacity .22s;animation:3.6s linear infinite circle-button-section-orbit;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-buttons--play .circle-button__face:after{content:"";opacity:0;filter:blur(5px);background:#ffffff1f;border-radius:50%;transition:opacity .22s,transform .22s;position:absolute;inset:-38%;transform:scale(.5);-webkit-mask-image:radial-gradient(50% 50%,#000,#17171700);mask-image:radial-gradient(50% 50%,#000,#17171700)}.circle-buttons--play .circle-button__icon svg{fill:currentColor;margin-left:4%}.circle-buttons--play .circle-button:not(:disabled):hover .circle-button__aura{opacity:0}.circle-buttons--play .circle-button:not(:disabled):hover .circle-button__face:after{opacity:1;transform:scale(1)}.circle-buttons--play .circle-button:not(:disabled):active{transform:scale(.98)}.circle-buttons--light.circle-buttons--play .circle-button{color:#111827b3}.circle-buttons--light.circle-buttons--play .circle-button__face{background:#e8eaeec7;box-shadow:inset 2px 4px 16px #ffffffb8}.circle-buttons--light.circle-buttons--play .circle-button__rim{border-color:#11182747}.circle-buttons--plus .circle-buttons__atmosphere{display:none}.circle-buttons--plus .circle-button{color:#451a03}.circle-buttons--plus .circle-button__aura{border-radius:inherit;opacity:.4;filter:blur(8px);background:#f59e0b66;transition:opacity .22s;inset:-4px}.circle-buttons--plus .circle-button__face{background:linear-gradient(#fde68a,#fcd34d,#f59e0b);transition:transform .15s,box-shadow .15s;box-shadow:0 0 0 1px #fbbf2480,0 4px #b45309,0 10px 15px -3px #00000080}.circle-buttons--plus .circle-button__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.5px}.circle-buttons--plus .circle-button:not(:disabled):hover .circle-button__aura{opacity:.75}.circle-buttons--plus .circle-button:not(:disabled):active{transform:translateY(2px)}.circle-buttons--plus .circle-button:not(:disabled):active .circle-button__face{box-shadow:0 0 0 1px #fbbf2480,0 2px #b45309}.circle-buttons--mail .circle-buttons__atmosphere{display:none}.circle-buttons--mail .circle-button{color:#ffffff45}.circle-buttons--mail .circle-button__face{background:0 0;border:1px solid #fff3;transition:background-color .2s ease-in-out}.circle-buttons--mail .circle-button__details{border-radius:0;inset:-10px}.circle-buttons--mail .circle-button__details i{aspect-ratio:1;opacity:0;background:#ffffffab;border-radius:2px;width:8px;transition:opacity .12s ease-in-out,transform .12s ease-in-out;position:absolute}.circle-buttons--mail .circle-button__details i:first-of-type{top:-4px;left:-4px;transform:translate(34px,34px)}.circle-buttons--mail .circle-button__details i:nth-of-type(2){transition-delay:50ms;top:-4px;right:-4px;transform:translate(-34px,34px)}.circle-buttons--mail .circle-button__details i:nth-of-type(3){transition-delay:.1s;bottom:-4px;right:-4px;transform:translate(-34px,-34px)}.circle-buttons--mail .circle-button__details i:nth-of-type(4){transition-delay:.15s;bottom:-4px;left:-4px;transform:translate(34px,-34px)}.circle-buttons--mail .circle-button__details b{opacity:0;display:block;position:absolute}.circle-buttons--mail .circle-button__details b:first-of-type,.circle-buttons--mail .circle-button__details b:nth-of-type(3){background-image:repeating-linear-gradient(90deg,#0000 0 2px,#ffffffab 2px 4px);height:1px;left:0;right:0;transform:scaleX(0)}.circle-buttons--mail .circle-button__details b:first-of-type{transform-origin:0 0;transition:transform .12s ease-in-out 70ms,opacity 20ms linear 70ms;top:0}.circle-buttons--mail .circle-button__details b:nth-of-type(3){transform-origin:100% 100%;transition:transform .12s ease-in-out .175s,opacity 20ms linear .175s;bottom:0}.circle-buttons--mail .circle-button__details b:nth-of-type(2),.circle-buttons--mail .circle-button__details b:nth-of-type(4){background-image:repeating-linear-gradient(0deg,#0000 0 2px,#ffffffab 2px 4px);width:1px;top:0;bottom:0;transform:scaleY(0)}.circle-buttons--mail .circle-button__details b:nth-of-type(2){transform-origin:100% 0;transition:transform .12s ease-in-out .12s,opacity 20ms linear .12s;right:0}.circle-buttons--mail .circle-button__details b:nth-of-type(4){transform-origin:0 100%;transition:transform .12s ease-in-out .21s,opacity 20ms linear .21s;left:0}.circle-buttons--mail .circle-button__icon svg{fill:#ffffff21;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45px;transition:fill .2s ease-in-out,stroke .2s ease-in-out}.circle-buttons--mail .circle-button:not(:disabled):hover{color:#ffffffab;transform:scale(1.05)}.circle-buttons--mail .circle-button:not(:disabled):hover .circle-button__face,.circle-buttons--mail .circle-button:not(:disabled):active .circle-button__face{background:#25358b}.circle-buttons--mail .circle-button:not(:disabled):hover .circle-button__details i,.circle-buttons--mail .circle-button:not(:disabled):hover .circle-button__details b{opacity:1;transform:none}.circle-buttons--mail .circle-button:not(:disabled):active{transform:scale(.98)}.circle-buttons--light.circle-buttons--mail .circle-button{color:#11182761}.circle-buttons--light.circle-buttons--mail .circle-button__face{border-color:#11182733}.circle-buttons--light.circle-buttons--mail .circle-button__details i{background:#11182794}.circle-buttons--light.circle-buttons--mail .circle-button__details b:first-of-type,.circle-buttons--light.circle-buttons--mail .circle-button__details b:nth-of-type(3){background-image:repeating-linear-gradient(90deg,#0000 0 2px,#11182794 2px 4px)}.circle-buttons--light.circle-buttons--mail .circle-button__details b:nth-of-type(2),.circle-buttons--light.circle-buttons--mail .circle-button__details b:nth-of-type(4){background-image:repeating-linear-gradient(0deg,#0000 0 2px,#11182794 2px 4px)}.circle-buttons--light.circle-buttons--mail .circle-button:not(:disabled):hover{color:#ffffffab}@keyframes circle-button-section-orbit{0%{transform:translate(-50%,-50%)translate(0)rotate(0)}25%{transform:translate(-50%,-50%)translate(-30px)rotate(90deg)}50%{transform:translate(-50%,-50%)translate(0)rotate(180deg)}75%{transform:translate(-50%,-50%)translate(30px)rotate(270deg)}to{transform:translate(-50%,-50%)translate(0)rotate(360deg)}}@media (prefers-reduced-motion:reduce){.circle-buttons *,.circle-buttons :before,.circle-buttons :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.circle-buttons--inline{filter:none;background:0 0;width:auto;height:auto;display:inline-grid;overflow:visible;container-type:normal}.circle-buttons--inline .circle-buttons__atmosphere,.circle-buttons--inline .circle-button__aura{display:none}.circle-buttons--inline .circle-button{width:48px}.circle-buttons--inline .circle-button__icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:40%;height:40%;margin-left:0}.circle-buttons--inline.circle-buttons--light .circle-button{color:#26353d}.circle-buttons--inline.circle-buttons--light .circle-button__face{background:#e9eef2;box-shadow:inset 2px 4px 16px #fffc,0 1px 2px #0c1a2124,0 0 0 1px #0c1a2124}.circle-buttons--inline.circle-buttons--light .circle-button:not(:disabled):hover{color:var(--brand-text)}.circle-buttons--inline .circle-button:focus-visible{outline:2px solid var(--brand-text);outline-offset:3px}.circle-buttons--inline[data-feito=true] .circle-button{color:var(--ok)}