@media screen and (min-width:550px){.letter-module__L8CHga__letter:before{content:"";background-color:#fff;width:100%;max-width:500px;height:48px;margin:auto auto -48px;display:block}}@media screen and (min-width:1200px){.letter-module__L8CHga__letter:before{height:90px;margin-bottom:-90px}.letter-module__L8CHga__letterBg{padding-top:var(--spacing)}}.letter-module__L8CHga__letterBg{padding:0 var(--spacing) var(--spacing) var(--spacing);background:radial-gradient(at 100% 0,#4f308d 0,#0000 50%),radial-gradient(at 0 61%,#0ef 0,#0000 50%),radial-gradient(at 2% 31%,#0028db 0,#0000 50%),linear-gradient(#362568 0%,#0d0b2e 100%);position:relative}@media screen and (max-width:500px){.letter-module__L8CHga__letterBg{padding-left:var(--spacing-small);padding-right:var(--spacing-small)}}.letter-module__L8CHga__letterContent{font-size:var(--step-0);max-width:clamp(500px,70vw,700px);padding:var(--spacing-large);background-color:var(--color-white);box-shadow:var(--spacing) var(--spacing) 48px #0000001a;margin:auto;margin-bottom:var(--spacing-large);z-index:100;background:linear-gradient(#0000 5%,#00000026 30%,#0000 30% 60%,#00000026 60%,#0000 90%),#fff;border-radius:1px;position:relative}@media screen and (max-width:550px){.letter-module__L8CHga__letterContent{padding:var(--spacing) var(--spacing) var(--spacing-large) var(--spacing)}}.letter-module__L8CHga__letterBg: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 ");z-index:0;width:100%;max-width:500px;height:100%;margin:auto;display:block;position:absolute;top:-100px;left:calc(50% - clamp(500px,70vw,700px)/2 - 90px)}.letter-module__L8CHga__letterContent p{padding-bottom:.7em}.letter-module__L8CHga__letterSignatureWrapper{align-items:center;gap:24px;padding-top:24px;display:flex}.letter-module__L8CHga__letterPortrait{border-radius:50%}
:root{--radius:9999px}.c-pie{border-radius:var(--radius);z-index:990;opacity:0;width:250px;height:250px;transition:opacity .4s ease-out;position:absolute;transform:translate(-50%,-50%)}.c-pie--open{opacity:1;transition:opacity linear}.c-pie--closed{pointer-events:none}.c-pie--touch{position:inherit;top:125px;left:125px}.c-pie__wrapper{border-radius:inherit;clip-path:url(#pie-mask);width:100%;height:100%;padding:0;position:relative;overflow:hidden;transform:rotate(30deg)}.c-pie li:first-of-type{transform:rotate(calc(var(--a) * -1)) skew(var(--a))}.c-pie li svg{transform-origin:top;position:absolute;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;transform-origin:calc(100% + 1px) calc(100% + 1px);color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;width:240px;height:240px;transition:background .25s;position:absolute;bottom:50%;right:50%;overflow:hidden}.c-pie li:hover{background-color:#000c}.c-pie__content{z-index:3;color:#fff;border-radius:var(--radius);justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.c-pie__content span:not(:empty){white-space:nowrap;background-color:#00000080;border-radius:12px;padding:3px 8px}.c-pie__hole{z-index:-111;position:absolute;top:0;left:0}.c-pie__cursor{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}