html body #app#app .ck-page .tipwrap{position:relative;display:inline-block;margin-top:10px}html body #app#app .ck-page .colcard,html body #app#app .ck-page .colcard .body{overflow:visible}html body #app#app .ck-page .colcard .opt-t{display:flex;justify-content:space-between;align-items:baseline;gap:14px}html body #app#app .ck-page .colcard[aria-pressed=true] .tip-cue{color:var(--chowa-paper)}html body #app#app .ck-page .tip-cue{display:inline-block;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--chowa-indigo);border-bottom:1px dotted currentColor;padding-bottom:2px}html body #app#app .ck-page .colcard:hover,html body #app#app .ck-page .colcard:focus-visible,html body #app#app .ck-page .colcard:focus-within{opacity:1;z-index:70}html body #app#app .ck-page .tipwrap{position:static}html body #app#app .ck-page .tip{position:absolute;left:calc(100% + 14px);top:auto;bottom:0;z-index:90;width:284px;max-width:78vw;transform:translateY(50%) translate(-6px);display:block;padding:14px;text-align:left;background:#fff;border:1px solid var(--chowa-indigo);box-shadow:0 14px 34px #002f5024;opacity:0;visibility:hidden;pointer-events:none;transition:transform .18s var(--ease-quiet),visibility 0s linear .18s}html body #app#app .ck-page .tip:after{content:"";position:absolute;left:-6px;top:calc(50% - 26px);margin-top:-5px;width:11px;height:11px;background:var(--chowa-white);border-left:1px solid var(--chowa-indigo);border-bottom:1px solid var(--chowa-indigo);transform:rotate(45deg)}html body #app#app .ck-page .colcard:hover .tip,html body #app#app .ck-page .colcard:focus-visible .tip,html body #app#app .ck-page .colcard:focus-within .tip{opacity:1;visibility:visible;transform:translateY(50%) translate(0);transition:transform .18s var(--ease-quiet)}html body #app#app .ck-page .tip img{display:block;width:100%;height:150px;object-fit:cover;object-position:center 56%;margin-bottom:11px}html body #app#app .ck-page .tip b{display:block;font-family:var(--font-serif);font-size:16px;font-weight:400;margin-bottom:5px}html body #app#app .ck-page .tip i{display:block;font-family:var(--font-mono);font-style:normal;font-size:10px;line-height:1.7;letter-spacing:.03em;color:var(--text-muted)}html body #app#app .ck-page .ck-prog-bar li .n,html body #app#app .ck-page .ck-prog-bar li .l{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:620px){html body #app#app .ck-page .hero h1{font-size:30px}html body #app#app .ck-page .hero p{font-size:15px;margin-top:14px}html body #app#app .ck-page .cols{gap:10px}html body #app#app .ck-page .colcard svg{aspect-ratio:auto;height:168px}html body #app#app .ck-page .colcard .body{padding:11px 13px 13px}html body #app#app .ck-page .colcard .opt-t b{font-size:17px}html body #app#app .ck-page .colcard .opt-t .jp{font-size:13px}html body #app#app .ck-page .colcard p{font-size:13.5px;line-height:1.45;margin-top:6px}html body #app#app .ck-page .colcard .tip{margin-top:9px;padding-top:9px}html body #app#app .ck-page .colcard .tip b{font-size:13.5px}html body #app#app .ck-page .colcard .tip i{font-size:9.5px}html body #app#app .ck-page .colcard .pick{top:10px;right:10px}}@media(min-width:961px){html body #app#app .ck-page .ck-main.is-choose.is-split{display:grid}html body #app#app .ck-page .ck-main.is-choose.is-split .stage{display:block!important}html body #app#app .ck-page .ck-main.is-choose.is-split .flow{max-width:none}html body #app#app .ck-page .ck-main.is-choose.is-split .stage>*:not(.ck-slot){display:none!important}html body #app#app .ck-page .ck-main.is-choose.is-split .cols{gap:10px}html body #app#app .ck-page .ck-main.is-choose.is-split .colcard .opt-t{flex-wrap:wrap;gap:2px 10px}html body #app#app .ck-page .ck-main.is-choose.is-split .colcard .opt-t b{font-size:17px}html body #app#app .ck-page .ck-main.is-choose.is-split .colcard .opt-t .jp{font-size:13px}html body #app#app .ck-page .ck-main.is-choose.is-split .colcard .body{padding:12px 13px 14px}html body #app#app .ck-page .ck-main.is-choose.is-split .colcard p{font-size:13.5px;line-height:1.5;margin-top:6px}}html body #app#app .ck-page .es-hint{font-family:Items Text Light,Georgia,serif!important;font-size:15px!important;font-weight:400;line-height:1.55;letter-spacing:.012em;color:#002f509e;text-transform:none}html body #app#app .ck-page .es-hint b{font-weight:400;color:#002f50}
/*# sourceMappingURL=/cdn/shop/t/70/assets/ck-8.css.map */