:root{--radius:9999px}.c-pie{width:250px;height:250px;position:absolute;border-radius:var(--radius);transform:translate(-50%,-50%);z-index:990;opacity:0;transition:opacity .4s ease-out}.c-pie--open{opacity:1;transition:opacity 0s linear}.c-pie--closed{pointer-events:none}.c-pie--touch{position:inherit;top:125px;left:125px}.c-pie__wrapper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit;padding:0;-webkit-clip-path:url(#pie-mask);clip-path:url(#pie-mask);transform:rotate(30deg)}.c-pie li:first-of-type{transform:rotate(calc(var(--a) * -1)) skew(var(--a))}.c-pie li svg{position:absolute;transform-origin:top center;top:0;left:0}.c-pie li:first-of-type svg{transform:skew(calc(var(--a) * -1)) rotate(var(--a)) translate(337px) translateY(11px) rotate(-30deg)}.c-pie li:nth-of-type(2){transform:rotate(calc(var(--a))) skew(var(--a))}.c-pie li:nth-of-type(2) svg{transform:skew(calc(var(--a) * -1)) rotate(var(--a)) translateX(327px) translateY(28px) rotate(-90deg)}.c-pie li:nth-of-type(3){transform:rotate(calc(var(--a) * 3)) skew(var(--a))}.c-pie li:nth-of-type(3) svg{transform:skew(calc(var(--a) * -1)) rotate(var(--a)) translate(337px) translateY(45px) rotate(-150deg)}.c-pie li:nth-of-type(4){transform:rotate(calc(var(--a) * 5)) skew(var(--a))}.c-pie li:nth-of-type(4) svg{transform:skew(calc(var(--a) * -1)) rotate(var(--a)) translateX(356px) translateY(45px) rotate(150deg)}.c-pie li:nth-of-type(5){transform:rotate(calc(var(--a) * 7)) skew(var(--a))}.c-pie li:nth-of-type(5) svg{transform:skew(calc(var(--a) * -1)) rotate(var(--a)) translate(366px) translateY(33px) rotate(90deg)}.c-pie li:nth-of-type(6){transform:rotate(calc(var(--a) * 9)) skew(var(--a))}.c-pie li:nth-of-type(6) svg{transform:skew(calc(var(--a) * -1)) rotate(var(--a)) translate(353px) translateY(16px) rotate(30deg)}.c-pie li{--a:30deg;position:absolute;bottom:50%;right:50%;width:240px;height:240px;transform-origin:calc(100% + 1px) calc(100% + 1px);overflow:hidden;background-color:rgba(0,0,0,.5);color:#fff;transition:background .25s ease 0s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.c-pie li:hover{background-color:rgba(0,0,0,.8)}.c-pie__content{width:90px;height:90px;position:absolute;top:50%;left:50%;z-index:3;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);color:#fff;border-radius:var(--radius)}.c-pie__content span:not(:empty){background-color:rgba(0,0,0,.5);border-radius:12px;padding:3px 8px;white-space:nowrap}.c-pie__hole{position:absolute;left:0;top:0;z-index:-111}.c-pie__cursor{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media screen and (min-width:550px){.letter_letter__kx_lk:before{content:"";display:block;width:100%;max-width:500px;height:48px;background-color:#fff;margin:auto auto -48px}}@media screen and (min-width:1200px){.letter_letter__kx_lk:before{margin-bottom:-90px;height:90px}.letter_letterBg__DHJLC{padding-top:var(--spacing)}}.letter_letterBg__DHJLC{padding:0 var(--spacing) var(--spacing) var(--spacing);background-color:#0d0a2c;background:radial-gradient(at 100% 0,#4f308d 0,transparent 50%),radial-gradient(at 0 61%,#0ef 0,transparent 50%),radial-gradient(at 2% 31%,#0028db 0,transparent 50%),linear-gradient(180deg,#362568,#0d0b2e);position:relative}@media screen and (max-width:500px){.letter_letterBg__DHJLC{padding-left:var(--spacing-small);padding-right:var(--spacing-small)}}.letter_letterContent__7O_17{font-size:var(--step-0);margin:auto;max-width:clamp(500px,70vw,700px);padding:var(--spacing-large);background-color:var(--color-white);border-radius:1px;box-shadow:var(--spacing) var(--spacing) 48px rgba(0,0,0,.1);background-color:#fff;background:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.15) 30%,transparent 0,transparent 60%,rgba(0,0,0,.15) 0,transparent 90%),#fff;margin-bottom:var(--spacing-large);position:relative;z-index:100}@media screen and (max-width:550px){.letter_letterContent__7O_17{padding:var(--spacing) var(--spacing) var(--spacing-large) var(--spacing)}}.letter_letterBg__DHJLC:after{content:url("data:image/svg+xml;charset=UTF-8,%3csvg width='278' height='880' viewBox='0 0 278 880' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg style='mix-blend-mode:multiply' opacity='0.3' filter='url(%23filter0_f_4098_16256)'%3e%3cpath d='M250.5 27L250.5 853L70.6991 853L26.9999 567.687L61.7352 284.134L26.9999 27L250.5 27Z' fill='%233A3A3A'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_f_4098_16256' x='0' y='0' width='277.5' height='880' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='13.5' result='effect1_foregroundBlur_4098_16256'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");width:100%;height:100%;display:block;position:absolute;left:-84px;top:-100px;z-index:0;max-width:500px;margin:auto;left:calc(50% - (clamp(500px, 70vw, 700px) / 2) - 90px)}.letter_letterContent__7O_17 p{padding-bottom:.7em}.letter_letterSignatureWrapper__wv63e{display:flex;gap:24px;align-items:center;padding-top:24px}.letter_letterPortrait__jwKZg{border-radius:50%}