yy-before-after{display:block}.yy-ba{--yy-ba-edge: var(--yy-ba-edge-m);padding:var(--yy-ba-pt-m) var(--yy-ba-side-m) var(--yy-ba-pb-m)}.yy-ba__inner{display:flex;flex-direction:column;gap:var(--yy-ba-gap-m);margin:0 auto}.yy-ba__grid{display:flex;flex-direction:column;gap:var(--yy-ba-gap-m)}.yy-ba__stage{position:relative;aspect-ratio:var(--yy-ba-aspect-m);overflow:hidden;border-radius:var(--yy-ba-radius-m);corner-shape:var(--yy-corner-shape, round);background:var(--yy-gray-bg);cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}.yy-ba__pair{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden}.yy-ba__pair.is-active{visibility:visible}.yy-ba__layer{position:absolute;top:0;right:0;bottom:0;left:0}.yy-ba__layer--before{clip-path:inset(0 calc(100% - var(--yy-ba-pos)) 0 0)}.yy-ba__img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.yy-ba__img--d{display:none}.yy-ba__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.yy-ba__ph-svg{width:22%;height:auto;fill:#00000029}.yy-ba__line{position:absolute;display:block;top:0;bottom:0;left:var(--yy-ba-pos);z-index:1;width:var(--yy-ba-line-w);margin-left:calc(var(--yy-ba-line-w) / -2);background:var(--yy-ba-line);pointer-events:none}.yy-ba__grip{position:absolute;z-index:2;left:var(--yy-ba-grip-x, var(--yy-ba-pos));display:flex;align-items:stretch;height:var(--yy-ba-grip-h-m);overflow:hidden;border:var(--yy-ba-grip-bw) solid var(--yy-ba-dark);border-radius:var(--yy-radius);corner-shape:var(--yy-corner-shape, round);background:var(--yy-white);font-size:var(--yy-ba-label-m);font-weight:var(--yy-ba-grip-w8);line-height:1;white-space:nowrap;transform:translate(var(--yy-ba-grip-shift, -50%),var(--yy-ba-grip-ty, -50%));cursor:grab;touch-action:pan-y}.yy-ba__grip--center{top:50%}.yy-ba__grip--top{--yy-ba-grip-ty: 0%;top:16px}.yy-ba__grip--bottom{--yy-ba-grip-ty: 0%;bottom:16px}.yy-ba.is-dragging .yy-ba__grip{cursor:grabbing}.yy-ba__grip:focus-visible{outline:3px solid var(--yy-ba-dark);outline-offset:3px}.yy-ba__half{display:flex;align-items:center;gap:.35em;padding:0 var(--yy-ba-grip-px-m)}.yy-ba__half--before{background:var(--yy-ba-dark);color:var(--yy-white)}.yy-ba__half--after{background:var(--yy-white);color:var(--yy-ba-dark)}.yy-ba__tri{flex:none;width:calc(var(--yy-ba-arrow) * .83);height:var(--yy-ba-arrow)}.yy-ba__grip--min{justify-content:center;align-items:center;gap:2px;width:var(--yy-ba-grip-h-m);border-radius:50%;color:var(--yy-ba-dark);font-size:calc(var(--yy-ba-grip-h-m) * .4)}.yy-ba__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.yy-ba__tab{flex:none;height:var(--yy-ba-tab-h-m);padding:0 var(--yy-ba-tab-px-m);border:var(--yy-ba-tab-bw) solid var(--yy-ba-tab-border);border-radius:var(--yy-radius);corner-shape:var(--yy-corner-shape, round);background:var(--yy-white);color:var(--yy-black);font-size:var(--yy-ba-tab-size-m);font-weight:var(--yy-ba-tab-w);line-height:1;cursor:pointer}.yy-ba__tab.is-active{border-color:var(--yy-ba-tab-on-bg);background:var(--yy-ba-tab-on-bg);color:var(--yy-ba-tab-on-fg)}.yy-ba__tab:focus-visible{outline:2px solid var(--yy-black);outline-offset:2px}.yy-ba__side{display:flex;flex-direction:column;gap:calc(var(--yy-ba-gap-m) + 8px)}.yy-ba__panel{display:none;flex-direction:column;align-items:center;gap:8px;text-align:center}.yy-ba__panel.is-active{display:flex}.yy-ba__title{--yy-lh: var(--yy-ba-title-lh);margin:0;font-size:var(--yy-ba-title-m)}.yy-ba__body{margin:0;color:var(--yy-gray-700);font-size:var(--yy-ba-body-m);font-weight:var(--yy-ba-body-w);line-height:1.6}.yy-ba__note{margin:6px 0 0;color:var(--yy-gray-500);font-size:var(--yy-ba-note-m);font-weight:var(--yy-ba-note-w);line-height:1.4}.yy-ba__empty{padding:14px 16px;border:1.5px dashed var(--yy-gray-300);border-radius:8px;color:var(--yy-gray-500);font-size:1.3rem}@media screen and (min-width:750px){.yy-ba{--yy-ba-edge: var(--yy-ba-edge-d);padding:var(--yy-ba-pt-d) var(--yy-ba-side-d) var(--yy-ba-pb-d)}.yy-ba__inner{gap:var(--yy-ba-head-gap-d)}.yy-ba__grid{gap:var(--yy-ba-col-gap-d)}.yy-ba__stage{aspect-ratio:var(--yy-ba-aspect-d);border-radius:var(--yy-ba-radius-d)}.yy-ba__img--d{display:block}.yy-ba__img--m{display:none}.yy-ba__grip{height:var(--yy-ba-grip-h-d);font-size:var(--yy-ba-label-d)}.yy-ba__half{padding:0 var(--yy-ba-grip-px-d)}.yy-ba__grip--min{width:var(--yy-ba-grip-h-d);font-size:calc(var(--yy-ba-grip-h-d) * .4)}.yy-ba__side{display:flex;flex-direction:column;gap:var(--yy-ba-side-gap-d)}.yy-ba__tabs{justify-content:flex-start;gap:10px}.yy-ba__tab{height:var(--yy-ba-tab-h-d);padding:0 var(--yy-ba-tab-px-d);font-size:var(--yy-ba-tab-size-d)}.yy-ba__panel{align-items:flex-start;gap:var(--yy-ba-side-gap-d);text-align:left}.yy-ba__title{font-size:var(--yy-ba-title-d)}.yy-ba__body{font-size:var(--yy-ba-body-d)}.yy-ba__note{margin-top:0;font-size:var(--yy-ba-note-d)}}@media screen and (min-width:990px){.yy-ba__grid{display:grid;grid-template-columns:calc((100% - var(--yy-ba-col-gap-d)) * var(--yy-ba-split-d) / 100) minmax(0,1fr);align-items:center}.yy-ba--text-top .yy-ba__grid{align-items:start}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/yy-before-after.css.map */