.pop-article__hero{padding:clamp(30px,5vw,60px) 0 clamp(96px,13vw,150px)}.pop-article__banner{display:grid;gap:clamp(22px,3.5vw,40px);align-items:center}@media(min-width:900px){.pop-article__banner--media{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,4vw,56px)}}.pop-article__head{display:grid;gap:14px;justify-items:start;min-width:0}.pop-article__title{max-width:20ch;font-size:clamp(calc(1.7 * var(--pop-u)),3.8vw,calc(3 * var(--pop-u)))}.pop-article__meta{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.pop-article__meta .pop-pill{font-size:calc(.8 * var(--pop-u))}.pop-article__banner-fig{margin:0;position:relative}.pop-article__banner-fig img{display:block;width:100%;height:auto;border:var(--pop-line) solid var(--pop-plum);border-radius:var(--pop-radius);box-shadow:var(--pop-shadow);background:var(--pop-cream);transform:rotate(-1.4deg)}@media(max-width:899px){.pop-article__banner-fig img{transform:none}}.pop-article__cap{margin:14px 0 0;font-size:calc(.78 * var(--pop-u));color:#ffffffb8;font-weight:700;text-align:center}@media(min-width:900px){.pop-article__cap{text-align:right}}.pop-article__jump{display:inline-flex;align-items:center;gap:8px;background:var(--pop-yellow);color:var(--pop-plum);border:var(--pop-line) solid var(--pop-plum);border-radius:999px;padding:9px 18px;font-family:var(--pop-font-display);font-weight:800;font-size:calc(.9 * var(--pop-u));text-decoration:none;box-shadow:var(--pop-shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.pop-article__jump:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--pop-plum)}.pop-article__jump svg{width:17px;height:17px}.pop-article__main{padding-bottom:var(--pop-space)}.pop-article__wrap{max-width:var(--pop-max);margin:0 auto;display:grid;gap:clamp(26px,3.5vw,44px);align-items:start}@media(min-width:1024px){.pop-article__wrap{grid-template-columns:200px minmax(0,1fr)}}@media(min-width:1240px){.pop-article__wrap{grid-template-columns:205px minmax(0,1fr) 290px}}.pop-article__body{min-width:0}.pop-article__body>.pop-art__main{min-width:0}.pop-article__rail{min-width:0}@media(min-width:1024px){.pop-article__rail>*{position:sticky;top:22px}}.pop-toc{background:#fff;border:var(--pop-line) solid var(--pop-plum);border-radius:var(--pop-radius-sm);box-shadow:var(--pop-shadow-sm);padding:15px 16px}.pop-toc__t{font-family:var(--pop-font-display);font-weight:800;font-size:calc(.72 * var(--pop-u));letter-spacing:.1em;text-transform:uppercase;color:var(--pop-purple);display:block;margin-bottom:10px}.pop-toc a{display:block;padding:6px 0 6px 12px;border-left:3px solid var(--pop-pink);color:var(--pop-plum);text-decoration:none;font-weight:700;font-size:calc(.84 * var(--pop-u));line-height:1.3;transition:border-color .2s ease,color .2s ease}.pop-toc a:hover{color:var(--pop-purple)}.pop-toc a.is-on{border-left-color:var(--pop-purple);color:var(--pop-purple)}.pop-article__rail details.pop-toc{padding:0}.pop-article__rail details.pop-toc>summary{list-style:none;cursor:pointer;padding:13px 16px;font-family:var(--pop-font-display);font-weight:800;font-size:calc(.92 * var(--pop-u));display:flex;align-items:center;gap:10px}.pop-article__rail details.pop-toc>summary::-webkit-details-marker{display:none}.pop-article__rail details.pop-toc>summary:after{content:"";margin-left:auto;width:20px;height:20px;flex:none;background:var(--pop-purple);transition:transform .25s ease;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 15px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 15px no-repeat}.pop-article__rail details.pop-toc[open]>summary:after{transform:rotate(180deg)}.pop-article__rail details.pop-toc>div{padding:0 16px 14px}.pop-article__side{display:grid;gap:16px;min-width:0;align-content:start}@media(min-width:1240px){.pop-article__sideinner{position:sticky;top:22px;display:grid;gap:16px}}.pop-article__wrap:not(:has(.pop-article__sideinner>*)){grid-template-columns:200px minmax(0,1fr)}@media(max-width:1023px){.pop-article__wrap{grid-template-columns:minmax(0,1fr)}}.pop-article__body .pop-prose{font-size:clamp(calc(1 * var(--pop-u)),1.05vw,calc(1.06 * var(--pop-u)));line-height:1.72}.pop-prose>h2:first-child,.pop-prose>p:first-child{margin-top:0}.pop-rc{background:#fff;border:var(--pop-line) solid var(--pop-plum);border-radius:var(--pop-radius);box-shadow:var(--pop-shadow);overflow:hidden;margin:1.8em 0;scroll-margin-top:24px}.pop-rc__top{background:var(--pop-purple);color:#fff;padding:16px 20px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.pop-rc__top h2,.pop-rc__top h3{color:#fff;margin:0;font-size:calc(1.3 * var(--pop-u))}.pop-rc__meta{display:flex;flex-wrap:wrap;gap:7px}.pop-rc__meta span{display:inline-flex;align-items:center;gap:6px;background:#ffffff29;border:2px solid rgba(255,255,255,.4);border-radius:999px;padding:4px 11px;font-family:var(--pop-font-display);font-weight:700;font-size:calc(.78 * var(--pop-u))}.pop-rc__meta svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2}.pop-rc__body{padding:20px}.pop-rc__h{font-family:var(--pop-font-display);font-weight:800;font-size:calc(.92 * var(--pop-u));letter-spacing:.06em;text-transform:uppercase;color:var(--pop-purple);margin:0 0 12px;display:flex;align-items:center;gap:10px}.pop-rc__h+*{margin-top:0}.pop-rc__h:after{content:"";flex:1;height:3px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--pop-pink) 0 7px,transparent 7px 12px)}.pop-rc__body>*+.pop-rc__h{margin-top:22px}.pop-ings{display:grid;gap:8px;margin:0 0 4px;padding:0;list-style:none}@media(min-width:620px){.pop-ings{grid-template-columns:1fr 1fr;gap:8px 16px}}.pop-ing{display:flex;align-items:center;gap:10px;margin:0;background:var(--pop-cream);border:2px solid var(--pop-plum);border-radius:999px;padding:6px 15px 6px 6px;font-size:calc(.9 * var(--pop-u));line-height:1.35}.pop-ing::marker{content:""}.pop-ing__i{flex:none;width:30px;height:30px;border-radius:50%;background:var(--pop-pink);border:2px solid var(--pop-plum);display:grid;place-items:center}.pop-ing__i svg{width:17px;height:17px;stroke:var(--pop-plum);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.pop-ing b{font-weight:800;color:var(--pop-purple);font-variant-numeric:tabular-nums}.pop-ing em{font-style:normal;opacity:.62;font-size:.9em}.pop-steps{list-style:none;margin:0;padding:0;counter-reset:popstep}.pop-step{counter-increment:popstep;display:flex;gap:14px;padding-bottom:16px;position:relative;margin:0}.pop-step:last-child{padding-bottom:0}.pop-step::marker{content:""}.pop-step:not(:last-child):before{content:"";position:absolute;left:15px;top:37px;bottom:2px;width:3px;background:repeating-linear-gradient(180deg,var(--pop-lilac) 0 6px,transparent 6px 11px)}.pop-step__n{flex:none;width:33px;height:33px;border-radius:50%;background:var(--pop-purple);color:#fff;border:var(--pop-line) solid var(--pop-plum);display:grid;place-items:center;box-shadow:2px 2px 0 var(--pop-plum);font-family:var(--pop-font-display);font-weight:800;font-size:calc(.95 * var(--pop-u))}.pop-step__n:before{content:counter(popstep)}.pop-step>div{padding-top:3px;min-width:0}.pop-step p{margin:0}.pop-step p+p{margin-top:.5em}.pop-co{display:flex;gap:14px;align-items:flex-start;border:var(--pop-line) solid var(--pop-plum);border-radius:var(--pop-radius-sm);padding:16px 18px;box-shadow:var(--pop-shadow-sm);margin:1.5em 0;background:#fff}.pop-co__i{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:var(--pop-line) solid var(--pop-plum);background:#fff}.pop-co__i svg{width:20px;height:20px;fill:none;stroke:var(--pop-plum);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pop-co__b{min-width:0}.pop-co__t{display:block;font-family:var(--pop-font-display);font-weight:800;font-size:calc(.95 * var(--pop-u));margin-bottom:3px;line-height:1.25}.pop-co p{margin:0;font-size:calc(.92 * var(--pop-u))}.pop-co p+p{margin-top:.6em}.pop-co--tip{background:var(--pop-pink)}.pop-co--warn{background:#fff3d6}.pop-co--why{background:#e8f6ef}.pop-co--note{background:var(--pop-cream)}.pop-article .pop-facts{background:var(--pop-pink);border:var(--pop-line) solid var(--pop-plum);border-radius:var(--pop-radius-sm);box-shadow:var(--pop-shadow-sm);padding:17px}.pop-article .pop-facts__t{font-family:var(--pop-font-display);font-weight:800;font-size:calc(.8 * var(--pop-u));letter-spacing:.07em;text-transform:uppercase;color:var(--pop-purple);display:block;margin-bottom:11px}.pop-article .pop-facts dl{margin:0;display:grid;gap:8px}.pop-article .pop-facts__row{display:flex;justify-content:space-between;gap:12px;font-size:calc(.88 * var(--pop-u));border-bottom:2px dotted rgba(42,19,56,.25);padding-bottom:7px}.pop-article .pop-facts__row:last-child{border-bottom:0;padding-bottom:0}.pop-article .pop-facts dt{font-weight:700}.pop-article .pop-facts dd{margin:0;font-weight:800;color:var(--pop-purple);font-variant-numeric:tabular-nums;text-align:right}.pop-stat{background:var(--pop-purple);color:#fff;border:var(--pop-line) solid var(--pop-plum);border-radius:var(--pop-radius-sm);box-shadow:var(--pop-shadow-sm);padding:18px;text-align:center}.pop-stat b{display:block;font-family:var(--pop-font-display);font-weight:800;font-size:calc(2.7 * var(--pop-u));line-height:1;text-shadow:3px 3px 0 var(--pop-purple-deep)}.pop-stat span{display:block;font-size:calc(.82 * var(--pop-u));color:#eddcfa;margin-top:7px;line-height:1.35}@media(max-width:1239px){.pop-aside{max-width:460px;margin-inline:auto}}.pop-tablewrap{overflow-x:auto;margin:1.5em 0;border-radius:var(--pop-radius-sm)}.pop-tablewrap>table{margin:0}.pop-prose .pop-tablewrap table{display:table}.pop-prose .pop-lead{font-size:calc(1.12 * var(--pop-u));line-height:1.55;font-weight:700;color:var(--pop-plum)}.pop-prose .pop-faq{display:grid;gap:10px;margin:1.4em 0}.pop-figure{margin:1.7em 0}.pop-figure img{width:100%;height:auto;display:block;margin:0;border:var(--pop-line) solid var(--pop-plum);border-radius:var(--pop-radius-sm);box-shadow:var(--pop-shadow-sm)}.pop-figure figcaption{margin-top:9px;font-size:calc(.8 * var(--pop-u));color:#2a1338a8;font-weight:700;text-align:center}.pop-article__foot,.pop-article__cta,.pop-article__nav{grid-column:1 / -1;width:100%;max-width:none}@media(prefers-reduced-motion:reduce){.pop-article__jump,.pop-toc a{transition:none}}.pop-asidebuy{display:grid;gap:12px;justify-items:stretch;text-align:center}.pop-asidebuy__link{display:grid;gap:8px;justify-items:center;text-decoration:none;color:var(--pop-plum)}.pop-asidebuy__link img{width:100%;max-width:150px;height:auto;display:block;border:var(--pop-line) solid var(--pop-plum);border-radius:var(--pop-radius-sm);background:#fff}.pop-asidebuy__link b{font-family:var(--pop-font-display);font-size:calc(.95 * var(--pop-u));line-height:1.2}.pop-btn--sm{padding:8px 16px;font-size:calc(.85 * var(--pop-u))}.pop-btn--sm svg{width:15px;height:15px}.pop-rc,.pop-rc__body,.pop-rc__body p,.pop-ings,.pop-ing,.pop-steps,.pop-step,.pop-step p{text-align:left}.pop-step>div{flex:1 1 auto}.pop-co,.pop-co p,.pop-co__t{text-align:left}.pop-tablewrap table td,.pop-tablewrap table tbody th{border-top:2px dotted var(--pop-lilac)}.pop-tablewrap table thead+tbody tr:first-child td,.pop-tablewrap table thead+tbody tr:first-child th{border-top:0}.pop-tablewrap table tbody tr:nth-child(2n) td,.pop-tablewrap table tbody tr:nth-child(2n) th{background:var(--pop-cream)}.pop-article__rail,.pop-article__side{position:static}.pop-article__body>*:first-child{margin-top:0}.pop-article__share{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.pop-share__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;background:#fff;color:var(--pop-plum);border:var(--pop-line) solid var(--pop-plum);box-shadow:var(--pop-shadow-sm);font-family:var(--pop-font-display);font-weight:800;font-size:calc(.85 * var(--pop-u));text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.pop-share__btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--pop-plum);background:var(--pop-pink)}.pop-share__btn svg{width:18px;height:18px;flex:none;fill:currentColor}.pop-share__btn--icon{width:42px;padding:0}.pop-share__btn--fb:hover{background:#dbe7ff}.pop-share__btn--x:hover{background:#e6e6e6}.pop-share__btn--pin:hover{background:#ffdfe0}.pop-share__btn--wa:hover{background:#dcf8d3}.pop-share__btn.is-done{background:var(--pop-yellow)}.pop-article__sharelabel{font-family:var(--pop-font-display);font-weight:800;margin-right:4px}.pop-related{display:grid;gap:10px;background:#fff;border:var(--pop-line) solid var(--pop-plum);border-radius:var(--pop-radius-sm);box-shadow:var(--pop-shadow-sm);padding:16px}.pop-related__t{font-family:var(--pop-font-display);font-weight:800;font-size:calc(.8 * var(--pop-u));letter-spacing:.07em;text-transform:uppercase;color:var(--pop-purple)}.pop-related__item{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--pop-plum);padding-bottom:10px;border-bottom:2px dotted var(--pop-lilac)}.pop-related__item:last-child{border-bottom:0;padding-bottom:0}.pop-related__item img{width:62px;height:46px;flex:none;object-fit:cover;border:2px solid var(--pop-plum);border-radius:9px;background:var(--pop-cream)}.pop-related__item span{font-size:calc(.84 * var(--pop-u));font-weight:700;line-height:1.3}.pop-related__item:hover span{color:var(--pop-purple)}@media(max-width:899px){.pop-article__hero{padding-top:clamp(30px,9vw,52px)}.pop-article__head{justify-items:center;text-align:center}.pop-article__head .pop-crumbs,.pop-article__meta{justify-content:center}.pop-article__title{max-width:100%}.pop-article__hero .pop-spark{display:none}.pop-article__cap{text-align:center}.pop-article__side,.pop-article__sideinner{justify-items:center}.pop-aside{width:100%}}@media(max-width:700px){.pop-tablewrap{overflow:visible;border:0;background:transparent;border-radius:0}.pop-tablewrap table{display:block;min-width:0;width:100%;border:0;box-shadow:none;background:transparent;border-radius:0}.pop-tablewrap thead{display:none}.pop-tablewrap tbody{display:grid;gap:12px}.pop-tablewrap tbody tr{display:block;background:#fff;border:var(--pop-line) solid var(--pop-plum);border-radius:var(--pop-radius-sm);box-shadow:var(--pop-shadow-sm);overflow:hidden}.pop-tablewrap tbody tr:nth-child(2n){background:#fff}.pop-tablewrap tbody th{display:block;background:var(--pop-purple);color:#fff;border:0;font-family:var(--pop-font-display);font-weight:800;font-size:calc(.95 * var(--pop-u));padding:10px 14px;text-align:left}.pop-tablewrap table tbody tr:nth-child(2n) th{background:var(--pop-purple)}.pop-tablewrap table tbody tr:nth-child(2n) td{background:transparent}.pop-tablewrap table tbody tr:nth-child(2n){background:#fff}.pop-tablewrap tbody td{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:12px;border:0;border-top:2px dotted var(--pop-lilac);padding:9px 14px;font-size:calc(.88 * var(--pop-u));text-align:left}.pop-tablewrap tbody tr:nth-child(2n) td{background:transparent}.pop-tablewrap tbody td:first-of-type{border-top:0}.pop-tablewrap tbody td:before{content:attr(data-label);font-weight:800;color:var(--pop-purple);font-family:var(--pop-font-display);line-height:1.3}.pop-tablewrap tbody td[data-label=""]:before{content:none}.pop-tablewrap tbody tr:not(:has(th)){padding:4px 0}}@media(max-width:899px){.pop-article__title.pop-h--outline{text-shadow:var(--pop-outline),3px 3px 0 var(--pop-purple-deep)}}:root{--pop-art-gap: clamp(15px, 2.2vw, 30px)}.pop-article__main{padding-top:clamp(34px,5vw,62px)}.pop-article__wrap{column-gap:clamp(26px,3.5vw,44px);row-gap:var(--pop-art-gap)}.pop-article__foot{padding-top:var(--pop-art-gap);gap:var(--pop-art-gap)}.pop-article__share{gap:10px}@media(max-width:1023px){.pop-article__side,.pop-article__sideinner{gap:var(--pop-art-gap)}}.pop-sharebtn{display:none}@media(max-width:599px){.pop-js .pop-article__share{display:none}.pop-js .pop-sharebtn{display:flex}}.pop-sharebtn{align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;padding:0 22px;cursor:pointer;border-radius:999px;border:var(--pop-line) solid var(--pop-plum);background:#fff;color:var(--pop-plum);box-shadow:var(--pop-shadow-sm);font-family:var(--pop-font-display);font-weight:800;font-size:calc(.95 * var(--pop-u));transition:background-color .15s ease}.pop-sharebtn svg{width:20px;height:20px;flex:none}.pop-sharebtn:active{background:var(--pop-pink)}.pop-sharedlg{width:min(380px,calc(100vw - 2 * var(--pop-gutter)));max-width:none;max-height:calc(100vh - 60px);padding:0;margin:auto;overflow:hidden;border:var(--pop-line) solid var(--pop-plum);border-radius:var(--pop-radius);background:#fff;color:var(--pop-plum);box-shadow:var(--pop-shadow)}.pop-sharedlg::backdrop{background:#2a1338a8}@keyframes pop-dlg-in{0%{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:none}}@keyframes pop-dlg-bd{0%{opacity:0}to{opacity:1}}.pop-sharedlg[open]{animation:pop-dlg-in .2s cubic-bezier(.34,1.56,.64,1)}.pop-sharedlg[open]::backdrop{animation:pop-dlg-bd .2s ease}.pop-sharedlg__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 12px 18px;border-bottom:var(--pop-line) dashed var(--pop-lilac)}.pop-sharedlg__t{font-family:var(--pop-font-display);font-weight:800;font-size:calc(1.05 * var(--pop-u))}.pop-sharedlg__x{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;padding:0;cursor:pointer;border:2px solid var(--pop-plum);border-radius:999px;background:var(--pop-cream);color:var(--pop-plum)}.pop-sharedlg__x svg{width:18px;height:18px}.pop-sharedlg__x:active{background:var(--pop-pink)}.pop-sharedlg__list{display:grid;gap:2px;padding:10px}.pop-sharerow{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:4px 8px;border:0;border-radius:12px;background:transparent;color:var(--pop-plum);font-family:var(--pop-font-display);font-weight:800;font-size:calc(.92 * var(--pop-u));text-align:left;text-decoration:none;cursor:pointer}.pop-sharerow[hidden]{display:none}.pop-sharerow+.pop-sharerow{position:relative}.pop-sharerow+.pop-sharerow:before{content:"";position:absolute;left:10px;right:10px;top:-2px;border-top:2px dotted var(--pop-lilac)}.pop-sharerow:active{background:var(--pop-cream)}.pop-sharerow__ic{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border:2px solid var(--pop-plum);border-radius:999px;background:var(--pop-cream)}.pop-sharerow__ic svg{width:18px;height:18px;fill:currentColor}.pop-sharerow--copy .pop-sharerow__ic svg{fill:none;stroke:currentColor}.pop-sharerow--fb .pop-sharerow__ic{background:#dbe7ff}.pop-sharerow--x .pop-sharerow__ic{background:#e6e6e6}.pop-sharerow--wa .pop-sharerow__ic{background:#dcf8d3}.pop-sharerow--pin .pop-sharerow__ic{background:#ffdfe0}.pop-sharerow.is-done .pop-sharerow__ic{background:var(--pop-yellow)}.pop-sharebtn:focus-visible,.pop-sharedlg__x:focus-visible,.pop-sharerow:focus-visible{outline:3px solid var(--pop-purple);outline-offset:2px}.pop-modal-open,.pop-modal-open body{overflow:hidden}@media(prefers-reduced-motion:reduce){.pop-sharebtn{transition:none}.pop-sharedlg[open],.pop-sharedlg[open]::backdrop{animation:none}}@media(max-width:1239px){.pop-article__side,.pop-article__sideinner{justify-items:stretch}.pop-article__sideinner{display:grid;gap:var(--pop-art-gap)}.pop-article__sideinner>*{width:100%;max-width:none}}.pop-prose .pop-keep{margin:2.2em 0 0;padding:18px 20px 16px;border:var(--pop-line) solid var(--pop-plum);border-radius:var(--pop-radius-sm);background:var(--pop-cream, #FBF6EF);box-shadow:var(--pop-shadow-sm)}.pop-prose .pop-keep h2{margin:0 0 10px;font-size:calc(1.02 * var(--pop-u));line-height:1.2}.pop-prose .pop-keep ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}.pop-prose .pop-keep li{margin:0;padding:0}.pop-prose .pop-keep li::marker{content:none}.pop-prose .pop-keep a{font-weight:700;text-decoration-thickness:2px;text-underline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ubiyam-pop-article.css.map */