.dl-frame.dl-frame--on{position:relative;aspect-ratio:1 / 1}.dl-frame.dl-frame--on>img[data-dedication-static]{display:none}.dl-frame .dl-page{--mm: calc(100cqw / 220);--pt: calc(var(--mm) * .352778);position:absolute;top:0;right:0;bottom:0;left:0;container-type:inline-size;overflow:hidden;line-height:normal;letter-spacing:normal;font-synthesis:none}.dl-frame .dl-page img.dl-page__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.dl-frame .dl-page__title,.dl-frame .dl-page__subtitle{position:absolute;left:calc(20 * var(--mm));width:calc(180 * var(--mm));display:flex;justify-content:center;text-align:center;font-family:Nunito,Zen Maru Gothic,sans-serif;color:var(--dl-title-color, #fff)}.dl-frame .dl-page__title{top:calc(15 * var(--mm));height:calc(30 * var(--mm));align-items:flex-end;font-weight:700;font-size:calc(30 * var(--pt))}.dl-frame .dl-page__subtitle{top:calc(47.5 * var(--mm));height:calc(10 * var(--mm));align-items:center;font-weight:600;font-size:calc(14 * var(--pt))}.dl-frame .dl-page img.dl-page__photo{position:absolute;top:calc(92.5 * var(--mm));left:calc(85 * var(--mm));width:calc(50 * var(--mm));height:calc(50 * var(--mm));object-fit:cover;border:max(1px,calc(.53 * var(--mm))) solid var(--ded-accent, #9a9a9a);border-radius:calc(2.5 * var(--mm));box-sizing:border-box}.dl-frame .dl-page__belongs,.dl-frame .dl-page__name{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;color:#000}.dl-frame .dl-page__belongs{top:calc(155.5 * var(--mm));left:calc(82.5 * var(--mm));width:calc(55 * var(--mm));height:calc(8.7 * var(--mm));font-family:Nunito,Zen Maru Gothic,sans-serif;font-weight:600;font-size:calc(11 * var(--pt))}.dl-frame .dl-page__name{top:calc(168 * var(--mm));left:calc(67.1 * var(--mm));width:calc(85.9 * var(--mm));height:calc(11.8 * var(--mm));font-family:Playpen Sans,Yomogi,cursive;font-weight:400;font-size:calc(16 * var(--pt))}.dl-frame .dl-page .dedication-text{position:absolute;top:calc(60 * var(--mm));left:calc(35 * var(--mm));width:calc(150 * var(--mm));height:calc(30 * var(--mm));display:flex;align-items:center;justify-content:center;text-align:center;font-size:calc(14 * var(--pt));white-space:pre-line}.dl-frame .dl-page .dedication-card{position:relative;box-sizing:border-box;min-width:62%;max-width:100%;padding:calc(4.6 * var(--mm)) calc(10 * var(--mm)) calc(4.2 * var(--mm));border-radius:calc(3 * var(--mm));border-bottom:calc(1.2 * var(--mm)) solid var(--ded-accent, #9a9a9a);background:#fff;color:#2b2b2b;font-family:Playpen Sans,Yomogi,"Noto Emoji",Nunito,Zen Maru Gothic,sans-serif;font-style:normal;font-weight:400;line-height:1.45;text-align:center}.dl-frame .dl-page .dedication-p{display:block}.dl-frame .dl-page .dedication-p+.dedication-p{margin-top:.5em}.dl-frame .dl-page .dedication-quote{position:absolute;width:calc(6 * var(--mm));height:calc(6 * var(--mm))}.dl-frame .dl-page .dedication-quote svg{display:block;width:100%;height:100%;fill:var(--ded-accent, #9a9a9a)}.dl-frame .dl-page .dedication-quote.open{left:calc(2.6 * var(--mm));top:calc(2.2 * var(--mm));transform:rotate(180deg)}.dl-frame .dl-page .dedication-quote.close{right:calc(2.6 * var(--mm));bottom:calc(2 * var(--mm))}.dl-frame .dl-page[data-example] .dedication-body{filter:blur(calc(.9 * var(--mm)));opacity:.7;-webkit-user-select:none;user-select:none}.dl-frame .dl-page[data-reveal] .dedication-body{animation:dl-reveal .45s ease-out}@keyframes dl-reveal{0%{filter:blur(calc(.9 * var(--mm)));opacity:.7}to{filter:none;opacity:1}}.dl-frame .dl-page .dl-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:var(--ds-space-1);padding:var(--ds-space-1) var(--ds-space-3);border-radius:var(--ds-radius-pill);background:var(--ds-brand);box-shadow:var(--ds-shadow-md);color:var(--ds-on-brand);font-family:var(--ds-font-body);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-bold);line-height:var(--ds-leading-tight);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;pointer-events:none}@media(prefers-reduced-motion:reduce){.dl-frame .dl-page[data-reveal] .dedication-body{animation:none}}.dl-frame .dl-page:lang(ja) .dedication-card{font-family:Yomogi,"Noto Emoji",Zen Maru Gothic,sans-serif}
/*# sourceMappingURL=/cdn/shop/t/17/assets/dedication-letter.css.map */