.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;position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:0;place-items:center;overflow:hidden;isolation:isolate;container-type:size;background:#111318;color-scheme:dark;filter:hue-rotate(var(--circle-button-hue)) saturate(var(--circle-button-saturation)) brightness(var(--circle-button-brightness))}.circle-buttons--play{background:#0a0a0a}.circle-buttons--light{background:#f4f7fb;color-scheme:light}.circle-buttons__atmosphere{position:absolute;width:min(62cqw,440px);height:min(50cqh,240px);border-radius:50%;background:#ffffff05;filter:blur(54px);pointer-events:none}.circle-button{position:relative;display:grid;width:clamp(56px,8cqw,72px);aspect-ratio:1;padding:0;place-items:center;overflow:visible;border:0;border-radius:50%;background:transparent;color:#ffffffb3;cursor:pointer;transform:translateZ(0);transition:transform .2s ease-in-out,filter .2s ease-in-out;-webkit-tap-highlight-color:transparent}.circle-button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.48}.circle-button:focus-visible{outline:2px solid rgba(255,255,255,.88);outline-offset:7px}.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{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.circle-button__face{z-index:1}.circle-button__rim{z-index:2}.circle-button__details{z-index:4}.circle-button__icon{z-index:5;display:grid;place-items:center}.circle-button__icon svg{width:30%;height:30%;overflow:visible}.circle-buttons--play .circle-button{overflow:hidden}.circle-buttons--play .circle-button__face{background:#171717b3;box-shadow:inset 2px 4px 16px #ffffff0f;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.circle-buttons--play .circle-button__rim{border:1px solid rgba(255,255,255,.25);opacity:.25;-webkit-mask-image:linear-gradient(170deg,#000,transparent 50%);mask-image:linear-gradient(170deg,#000,transparent 50%)}.circle-buttons--play .circle-button__aura{z-index:3;top:50%;left:50%;width:200px;height:200px;background:conic-gradient(from 180deg,#ffffff03 180deg,#ffffff0d 360deg);filter:blur(15px);transform:translate(-50%,-50%);animation:circle-button-section-orbit 3.6s linear infinite;transition:opacity .5s}.circle-buttons--play .circle-button__face:after{position:absolute;inset:-38%;border-radius:50%;background:#ffffff1f;content:"";opacity:0;filter:blur(5px);transform:scale(.5);transition:opacity .5s,transform .7s;-webkit-mask-image:radial-gradient(50% 50%,#000,rgba(23,23,23,0));mask-image:radial-gradient(50% 50%,#000,#17171700)}.circle-buttons--play .circle-button__icon svg{margin-left:4%;fill:currentColor}.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{inset:-4px;border-radius:inherit;background:#f59e0b66;opacity:.4;filter:blur(8px);transition:opacity .5s}.circle-buttons--plus .circle-button__face{background:linear-gradient(to bottom,#fde68a,#fcd34d,#f59e0b);box-shadow:0 0 0 1px #fbbf2480,0 4px #b45309,0 10px 15px -3px #00000080;transition:transform .15s,box-shadow .15s}.circle-buttons--plus .circle-button__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.5}.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{border:1px solid rgba(255,255,255,.2);background:transparent;transition:background-color .2s ease-in-out}.circle-buttons--mail .circle-button__details{inset:-10px;border-radius:0}.circle-buttons--mail .circle-button__details i{position:absolute;width:8px;aspect-ratio:1;border-radius:2px;background:#ffffffab;opacity:0;transition:opacity .3s ease-in-out,transform .35s ease-in-out}.circle-buttons--mail .circle-button__details i:nth-of-type(1){top:-4px;left:-4px;transform:translate(34px,34px)}.circle-buttons--mail .circle-button__details i:nth-of-type(2){top:-4px;right:-4px;transform:translate(-34px,34px);transition-delay:.21s}.circle-buttons--mail .circle-button__details i:nth-of-type(3){right:-4px;bottom:-4px;transform:translate(-34px,-34px);transition-delay:.42s}.circle-buttons--mail .circle-button__details i:nth-of-type(4){bottom:-4px;left:-4px;transform:translate(34px,-34px);transition-delay:.63s}.circle-buttons--mail .circle-button__details b{position:absolute;display:block;opacity:0}.circle-buttons--mail .circle-button__details b:nth-of-type(1),.circle-buttons--mail .circle-button__details b:nth-of-type(3){right:0;left:0;height:1px;background-image:repeating-linear-gradient(90deg,transparent 0 2px,rgba(255,255,255,.67) 2px 4px);transform:scaleX(0)}.circle-buttons--mail .circle-button__details b:nth-of-type(1){top:0;transform-origin:top left;transition:transform .35s ease-in-out .28s,opacity 20ms linear .28s}.circle-buttons--mail .circle-button__details b:nth-of-type(3){bottom:0;transform-origin:bottom right;transition:transform .35s ease-in-out .7s,opacity 20ms linear .7s}.circle-buttons--mail .circle-button__details b:nth-of-type(2),.circle-buttons--mail .circle-button__details b:nth-of-type(4){top:0;bottom:0;width:1px;background-image:repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,255,255,.67) 2px 4px);transform:scaleY(0)}.circle-buttons--mail .circle-button__details b:nth-of-type(2){right:0;transform-origin:top right;transition:transform .35s ease-in-out .49s,opacity 20ms linear .49s}.circle-buttons--mail .circle-button__details b:nth-of-type(4){left:0;transform-origin:bottom left;transition:transform .35s ease-in-out .84s,opacity 20ms linear .84s}.circle-buttons--mail .circle-button__icon svg{fill:#ffffff21;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45;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:nth-of-type(1),.circle-buttons--light.circle-buttons--mail .circle-button__details b:nth-of-type(3){background-image:repeating-linear-gradient(90deg,transparent 0 2px,rgba(17,24,39,.58) 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,transparent 0 2px,rgba(17,24,39,.58) 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;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.threeui-background.gallery{position:absolute;inset:0;overflow:hidden;background-color:#f1f1ef;background-image:radial-gradient(rgba(13,13,13,.13) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.gallery__canvas{position:absolute;inset:0;display:block;width:100%;height:100%}