.yshop,.ytrust-wrap,.yfrz{--yshop-max: calc(var(--yojo-container-max, 1170px) + 2 * var(--yojo-page-inline, 20px));--yshop-gap: 22px;--yshop-peek: 88px;--yshop-radius: 16px}.yshop{margin:16px 0 0}.yshop__frame{max-width:var(--yshop-max);margin:0 auto;padding:0 var(--yojo-page-inline, 20px)}.yshop-scr{position:relative}.yshop-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--yshop-gap) - var(--yshop-peek)) / 2);gap:var(--yshop-gap);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.yshop-track::-webkit-scrollbar{display:none}.yshop__heading{max-width:var(--yshop-max, 1240px);margin:0 auto 10px}.yshop__heading h2{font-size:clamp(15px,1.1vw,18px);font-weight:800;margin:0;letter-spacing:-.01em}.yshop-sel{position:relative;display:block;scroll-snap-align:start;aspect-ratio:2.64 / 1;border-radius:var(--yshop-radius);overflow:hidden;background:linear-gradient(105deg,#eceae5 38%,#f5f3ef,#eceae5 62%) #eceae5;background-size:220% 100%;animation:yshop-skel 1.5s ease-in-out 5 both;text-decoration:none;color:#fff}@keyframes yshop-skel{0%{background-position:120% 0}to{background-position:-120% 0}}.yshop-sel img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;transition:transform .5s cubic-bezier(.2,.6,.2,1)}.yshop-sel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000005c,#00000038,#00000052);transition:background .2s ease}.yshop-sel__label{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 18px;font-size:clamp(18px,2.05vw,24px);font-weight:800;letter-spacing:.045em;line-height:1.15;text-shadow:0 2px 16px rgba(0,0,0,.42)}.yshop-sel__count{position:absolute;z-index:2;inset-inline-end:12px;top:11px;font-size:10.5px;font-style:normal;background:#0000004d;padding:3px 9px;border-radius:999px}.yshop-sel:hover img{transform:scale(1.04)}.yshop-sel[aria-current=true],.yshop-sel.is-on{box-shadow:inset 0 0 0 3px #ffffffeb}.yshop-sel[aria-current=true]:after,.yshop-sel.is-on:after{background:linear-gradient(to top,#00000080,#00000057,#00000070)}.yshop-sel[aria-current=true] .yshop-sel__label:after,.yshop-sel.is-on .yshop-sel__label:after{content:"";display:block;width:36px;height:3px;border-radius:2px;background:#fffffff2;margin-top:8px;box-shadow:0 1px 6px #00000059}.yshop-sel:focus-visible{outline:2px solid var(--color-ink, #141810);outline-offset:3px}[data-shop-clone]{pointer-events:auto}.yshop-arrow{position:absolute;top:calc(50% - 22px);z-index:5;width:44px;height:44px;border:0;border-radius:50%;background:#26262470;-webkit-backdrop-filter:saturate(140%) blur(2px);backdrop-filter:saturate(140%) blur(2px);color:#fff;font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer;padding:0;transition:background .18s ease}.yshop-arrow:hover{background:#2828269e}.yshop-arrow:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.yshop-arrow--right{right:14px}.yshop-arrow--left{left:14px}.yshop-arrow[disabled]{opacity:.32;cursor:default;box-shadow:none}.yshop-arrow:focus-visible{outline:2px solid var(--color-ink, #141810);outline-offset:2px}.yshop-dots{display:none;gap:6px;justify-content:center;margin-top:12px}.yshop-dots[hidden]{display:none!important}.yshop-dots i{width:6px;height:6px;border-radius:50%;background:var(--color-line, #e6e4df);display:block;transition:width .2s ease}.yshop-dots i.is-on{background:var(--color-ink, #141810);width:18px;border-radius:3px}.yshop-panel[hidden]{display:none}.yshop-panel__head{border-bottom:1px solid var(--color-line, #e6e4df);padding-bottom:10px;margin:var(--yojo-rail-gap-media, 40px) 0 var(--yojo-rhythm-4, 28px)}.yshop-panel__head .yrail-head{margin-block-end:0}.yshop-panel__head .yrail-head__title{font-size:clamp(20px,1.75vw,25px);letter-spacing:-.01em}.yshop-panel__meta{font-size:12px;color:var(--color-ink-mute, #6b6b66)}.yshop-panel__cta{display:inline-flex;align-items:center;gap:8px;font-size:13px;text-decoration:none;color:var(--color-ink, #141810);border:1px solid var(--color-line, #e6e4df);border-radius:999px;padding:11px 20px}.yshop-panel__cta:hover{border-color:var(--color-ink, #141810)}.yrail__scroller{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(159px,calc((100% - 5 * var(--y-rail-gap, 10px)) / 6),200px);gap:var(--y-rail-gap, 10px);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}.yrail__scroller::-webkit-scrollbar{display:none}@media(max-width:640px){.yrail__scroller{-webkit-mask-image:linear-gradient(to left,#000 0%,#000 calc(100% - 32px),transparent 100%);mask-image:linear-gradient(to left,#000 0%,#000 calc(100% - 32px),transparent 100%)}}.yrail__scroller:focus-visible{outline:2px solid var(--color-ink, #141810);outline-offset:4px;border-radius:4px}.yrail__item{min-width:0;scroll-snap-align:start}.yrail__item .yhp-card{flex:none;width:auto}.yicon{display:block}@media(max-width:1280px){.yshop,.ytrust-wrap,.yfrz{--yshop-peek: 74px}}@media(min-width:1024px)and (max-width:1279px){.yshop,.ytrust-wrap,.yfrz{--yshop-gap: 18px;--yshop-peek: 0px}.yshop-sel{aspect-ratio:auto;height:210px}.yshop-sel__label{font-size:21px}.yshop-arrow--right{right:10px}.yshop-arrow--left{left:10px}}@media(min-width:1280px){.yshop,.ytrust-wrap,.yfrz{--yshop-peek: 0px}}@media(min-width:641px)and (max-width:1023px){.yshop,.ytrust-wrap,.yfrz{--yshop-gap: 14px}.yshop-track{grid-auto-columns:min(calc(100% - 60px),480px)}.yshop-sel{aspect-ratio:2.19 / 1}.yshop-sel__label{font-size:clamp(18px,2.6vw,22px)}.yshop-arrow--right{right:10px}.yshop-arrow--left{left:10px}}@media(max-width:640px){.yshop,.ytrust-wrap,.yfrz{--yshop-gap: 10px;--yshop-radius: 14px}.yshop{margin:8px 0 0}.yshop__frame{padding:0 var(--yojo-page-inline, 20px)}.yshop__heading{margin:0 auto 8px}.yshop__heading h2{font-size:16px}.yshop-track{grid-auto-columns:min(calc(100% - 30px),480px)}.yshop-sel{aspect-ratio:2.19 / 1}@media(max-width:430px){.yshop-sel{aspect-ratio:auto;height:150px}}.yshop-sel__label{font-size:clamp(17px,5vw,21px)}.yshop-panel__head .yrail-head__title{font-size:21px}.yshop-arrow{width:32px;height:32px;top:calc(50% - 16px);font-size:15px}.yshop-arrow--right{right:8px}.yshop-arrow--left{left:8px}.yshop-dots{display:flex;margin-top:6px}.yshop-panel__head{margin-top:var(--yojo-rail-gap-media, 28px)}.yshop-panel__head .yrail-head__title{font-size:17px}}@media(max-width:640px){.yshop-panel__head--chapter{margin-block-end:9px}.yshop .yrail-head,.yhcs-shelf .yrail-head{margin-block-end:10px}.yshop-dots{margin-top:4px}}.yrail-head--echo .yrail-head__title{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:640px){[data-shop-mode=vendor] .yshop-panel .yhp-vendor{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}.yshop-sel{transition:transform var(--yojo-dur-quick, .18s) var(--yojo-ease-soft, ease)}.yshop-sel:active{transform:scale(.985)}@media(prefers-reduced-motion:reduce){.yshop-track,.yrail__scroller{scroll-behavior:auto}.yshop-sel{animation:none}.yshop-sel img{transition:none}.yshop-sel:hover img{transform:none}.yshop-sel,.yshop-sel:active{transition:none;transform:none}}.yshop[data-shop-mode=rail] .yrail-head__title,.yshop-panel__head--chapter .yrail-head__title{font-size:24px}.yshop-panel__head--chapter{border-bottom:none;padding-bottom:0;margin:0 0 14px}.yvstate{padding:10px 0 4px}.yvstate__note{margin:6px 0 0;font-size:13px;color:var(--color-ink-mute, #6b6b66)}.yvstate__copy p{margin:0 0 8px;font-size:14px;color:var(--color-ink-mute, #6b6b66)}.yvstate__copy a,.yvstate__link{font-size:13px;color:var(--color-ink, #141810);text-decoration:none;border-bottom:1px solid var(--color-line, #e6e4df);padding-bottom:2px}.yvstate__copy a:hover,.yvstate__link:hover{border-color:var(--color-ink, #141810)}.yvstate--empty{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#faf9f7;border:1px solid var(--color-line, #e6e4df);border-radius:var(--yshop-radius, 16px);padding:26px 28px}.yvstate__msg{margin:0;font-size:15px;font-weight:600;color:var(--color-ink, #141810)}@media(max-width:640px){.yvstate--single{grid-template-columns:1fr;gap:16px}.yvstate--single .yvstate__card{max-width:200px}}.ytrust-wrap{max-width:var(--yshop-max, 1210px);margin:56px auto;padding:0 var(--yojo-page-inline, 20px)}.ytrust{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;background:none;border:none;border-radius:0;gap:0;max-width:none;margin:0}.ytrust__item{display:flex;align-items:center;justify-content:center;gap:14px;padding:20px 22px;background:none;border:none}.ytrust__icon{flex:0 0 auto;width:24px;height:24px;color:var(--color-ink, #141810);opacity:.8}.ytrust__icon svg{width:24px;height:24px;display:block}.ytrust__text{text-align:center}.ytrust__text b{display:block;font-size:14px;font-weight:700;color:var(--color-ink, #141810);line-height:1.3}.ytrust__text span{display:block;font-size:12.5px;color:var(--color-ink-mute, #6b6b66);margin-top:2px}@media(max-width:700px){.ytrust{grid-template-columns:repeat(3,1fr);align-items:start}.ytrust__item{flex-direction:column;gap:8px;padding:12px 5px}.ytrust__icon,.ytrust__icon svg{width:20px;height:20px}.ytrust__text b{font-size:11.5px;line-height:1.25}.ytrust__text span{font-size:10.5px;line-height:1.3;margin-top:3px}.ytrust-wrap{margin:32px auto;padding:0 var(--yojo-page-inline, 20px)}}@media(max-width:414px){.yrail__scroller{grid-auto-columns:calc((100% - var(--y-rail-gap, 10px) * 2.2152) / 2.2152);gap:var(--y-rail-gap, 10px)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/yojo-shop.css.map */