.mds-letter{position:relative;z-index:var(--mds-letter-z-index);margin-top:calc(var(--mds-letter-overlap) * -1);padding-top:var(--mds-letter-padding-top);padding-bottom:var(--mds-letter-padding-bottom);overflow:visible;pointer-events:none}.mds-letter__container{display:flex;overflow:visible}.mds-letter--anchor-left .mds-letter__container{justify-content:flex-start}.mds-letter--anchor-center .mds-letter__container{justify-content:center}.mds-letter--anchor-right .mds-letter__container{justify-content:flex-end}.mds-letter__stage{position:relative;width:min(100%,var(--mds-letter-width));transform:translate(var(--mds-letter-offset-x),var(--mds-letter-offset-y)) scale(var(--mds-letter-scale));transform-origin:center;pointer-events:auto}.mds-letter__eyebrow{width:100%;margin:0 0 12px;color:var(--mds-letter-envelope-text);font-size:1.35rem;font-weight:700;letter-spacing:.02em;line-height:1.3;text-align:center}.mds-letter__envelope{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;transform:rotate(var(--mds-letter-rotation));transform-origin:center;transition:transform .22s ease,filter .22s ease;-webkit-tap-highlight-color:transparent}.mds-letter__envelope:hover{transform:rotate(var(--mds-letter-rotation)) translateY(-5px) scale(1.018)}.mds-letter__envelope:focus-visible{outline:3px solid color-mix(in srgb,var(--mds-letter-accent) 65%,white);outline-offset:8px;border-radius:18px}.mds-letter__envelope-object{position:relative;display:block;width:100%;aspect-ratio:1.58 / 1;overflow:hidden;border:1px solid rgba(37,55,74,.12);border-radius:16px;background:var(--mds-letter-envelope);isolation:isolate}.mds-letter--shadow-soft .mds-letter__envelope-object{box-shadow:0 12px 24px #1d2b3724}.mds-letter--shadow-medium .mds-letter__envelope-object{box-shadow:0 18px 38px #1d2b3733,0 5px 12px #1d2b371a}.mds-letter--shadow-strong .mds-letter__envelope-object{box-shadow:0 26px 58px #1d2b3747,0 8px 18px #1d2b3729}.mds-letter__envelope-back{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(145deg,#ffffff94,#fff0 44%),var(--mds-letter-envelope)}.mds-letter__preview-paper{position:absolute;z-index:2;top:11%;left:8%;width:84%;height:63%;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#fffffffa,#fffdf8fa);box-shadow:0 4px 10px #25374a14;transform:translateY(28%);transition:transform .33s cubic-bezier(.2,.75,.25,1)}.mds-letter__envelope-front{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;overflow:hidden;border-radius:inherit}.mds-letter__envelope-front:before,.mds-letter__envelope-front:after{content:"";position:absolute;bottom:0;width:70%;height:82%;background:var(--mds-letter-envelope)}.mds-letter__envelope-front:before{left:-18%;clip-path:polygon(0 0,100% 100%,0 100%);filter:brightness(.985)}.mds-letter__envelope-front:after{right:-18%;clip-path:polygon(100% 0,100% 100%,0 100%);filter:brightness(.97)}.mds-letter__flap{position:absolute;z-index:6;top:0;left:0;width:100%;height:60%;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(160deg,#ffffff61,#fff0 58%),var(--mds-letter-flap);transform-origin:top center;backface-visibility:hidden;transition:transform .36s cubic-bezier(.25,.75,.25,1),filter .36s ease}.mds-letter__envelope-copy{position:absolute;z-index:7;top:21%;left:50%;display:flex;width:78%;flex-direction:column;align-items:center;transform:translate(-50%);color:var(--mds-letter-envelope-text);text-align:center;pointer-events:none}.mds-letter__brand{display:block;margin-bottom:8px;font-size:clamp(1rem,2vw,1.25rem);font-weight:700;letter-spacing:.11em;line-height:1.2;text-transform:uppercase;opacity:.75}.mds-letter__envelope-title{display:block;font-family:var(--font-heading-family, inherit);font-size:clamp(1.9rem,4.6vw,3.1rem);font-weight:700;line-height:1.08}.mds-letter__envelope-subtitle{display:block;max-width:90%;margin-top:4px;font-size:clamp(1.15rem,2.8vw,1.55rem);font-weight:500;line-height:1.35;opacity:.84}.mds-letter__seal{position:absolute;z-index:9;right:8%;bottom:8px%;display:grid;width:clamp(54px,14%,74px);aspect-ratio:1;place-items:center;border:3px solid color-mix(in srgb,var(--mds-letter-seal) 78%,black);border-radius:50%;background:radial-gradient(circle at 36% 30%,#ffffff40,#fff0 32%),var(--mds-letter-seal);box-shadow:0 5px 10px #25374a3d,inset 0 0 0 3px #ffffff1f;color:var(--mds-letter-seal-text);font-size:clamp(1rem,2.5vw,1.35rem);font-weight:800;letter-spacing:.08em;line-height:1;transform:rotate(calc(var(--mds-letter-rotation) * -1));transition:transform .22s ease,box-shadow .22s ease}.mds-letter__envelope:hover .mds-letter__seal{transform:rotate(calc(var(--mds-letter-rotation) * -1)) scale(1.06);box-shadow:0 7px 15px #25374a4d,inset 0 0 0 3px #ffffff24}.mds-letter__open-label{display:block;margin-top:14px;color:var(--mds-letter-accent);font-size:1.3rem;font-weight:700;line-height:1.35;text-align:center;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.mds-letter.is-opening .mds-letter__flap{z-index:3;transform:rotateX(178deg);filter:brightness(1.03)}.mds-letter.is-opening .mds-letter__preview-paper{transform:translateY(-8%)}.mds-letter-modal[hidden]{display:none}.mds-letter-modal{position:fixed;z-index:99999;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;transition:opacity .26s ease,visibility .26s ease;pointer-events:auto}.mds-letter-modal.is-open{opacity:1;visibility:visible}.mds-letter-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#131f2bad;cursor:pointer;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.mds-letter-modal__panel{position:relative;z-index:2;width:min(720px,100%);max-height:min(88vh,900px);overflow-y:auto;border-radius:20px;outline:none;opacity:0;transform:translateY(28px) scale(.975);transition:opacity .3s ease,transform .3s cubic-bezier(.2,.75,.25,1);scrollbar-width:thin}.mds-letter-modal.is-open .mds-letter-modal__panel{opacity:1;transform:translateY(0) scale(1)}.mds-letter-modal__paper{position:relative;min-height:300px;padding:clamp(36px,7vw,72px);border:1px solid rgba(37,55,74,.12);border-radius:20px;background:linear-gradient(135deg,#ffffffb8,#fff0 45%),var(--mds-letter-paper);box-shadow:0 28px 80px #0b182357;color:var(--mds-letter-paper-text)}.mds-letter-modal__paper:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px solid color-mix(in srgb,var(--mds-letter-accent) 24%,transparent);border-radius:12px;pointer-events:none}.mds-letter-modal__close{position:absolute;z-index:5;top:14px;right:14px;display:grid;width:42px;height:42px;padding:0;place-items:center;border:1px solid rgba(37,55,74,.15);border-radius:50%;background:#ffffffeb;box-shadow:0 5px 14px #25374a21;color:var(--mds-letter-paper-text);cursor:pointer;font-family:Arial,sans-serif;font-size:2.8rem;font-weight:300;line-height:1}.mds-letter-modal__kicker{margin:0 0 12px;color:var(--mds-letter-accent);font-size:1.25rem;font-weight:800;letter-spacing:.09em;line-height:1.3;text-align:center;text-transform:uppercase}.mds-letter-modal__title{max-width:620px;margin:0 auto 26px;color:var(--mds-letter-paper-text);font-family:var(--font-heading-family, inherit);font-size:clamp(2.6rem,5vw,4rem);font-weight:700;line-height:1.15;text-align:center}.mds-letter-modal__body{position:relative;z-index:1;font-size:clamp(1.6rem,2.5vw,1.85rem);line-height:1.68}.mds-letter-modal__body p{margin-top:0;margin-bottom:1.25em}.mds-letter-modal__body strong{color:var(--mds-letter-accent);font-weight:800}.mds-letter-modal__signature{margin:30px 0 0;color:var(--mds-letter-accent);font-family:var(--font-heading-family, inherit);font-size:clamp(1.9rem,4vw,2.5rem);font-style:italic;font-weight:700;text-align:right}.mds-letter-modal__button{display:flex;width:fit-content;min-width:210px;margin:34px auto 0;justify-content:center;border-color:var(--mds-letter-accent);background:var(--mds-letter-accent);color:#fff;cursor:pointer}body.mds-letter-modal-open{overflow:hidden}@media screen and (max-width:749px){.mds-letter{margin-top:calc(var(--mds-letter-overlap-mobile) * -1);padding-right:16px;padding-left:16px}.mds-letter__container.page-width{padding-right:0;padding-left:0;justify-content:center}.mds-letter__stage{width:min(100%,var(--mds-letter-width-mobile));transform:translate(var(--mds-letter-offset-x-mobile),var(--mds-letter-offset-y-mobile)) scale(var(--mds-letter-scale-mobile))}.mds-letter__envelope{transform:rotate(var(--mds-letter-rotation-mobile))}.mds-letter__envelope:hover{transform:rotate(var(--mds-letter-rotation-mobile)) translateY(-3px) scale(1.01)}.mds-letter__seal{transform:rotate(calc(var(--mds-letter-rotation-mobile) * -1))}.mds-letter__envelope:hover .mds-letter__seal{transform:rotate(calc(var(--mds-letter-rotation-mobile) * -1)) scale(1.04)}.mds-letter-modal{align-items:end;padding:12px}.mds-letter-modal__panel{width:100%;max-height:92vh;border-radius:20px 20px 14px 14px}.mds-letter-modal__paper{padding:54px 27px 34px;border-radius:20px 20px 14px 14px}.mds-letter-modal__button{width:100%;min-width:0}}@media(prefers-reduced-motion:reduce){.mds-letter__envelope,.mds-letter__flap,.mds-letter__preview-paper,.mds-letter__seal,.mds-letter-modal,.mds-letter-modal__panel{transition-duration:1ms!important;animation-duration:1ms!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/mds-personal-letter.css.map */