yava-banner-studio{display:block;background:var(--section-bg);padding:var(--top) var(--side) var(--bottom);color:var(--control-ink)}yava-banner-studio *,yava-banner-studio *:before,yava-banner-studio *:after{box-sizing:border-box}yava-banner-studio [hidden]{display:none!important}yava-banner-studio .ybs-layout{position:relative;display:grid;grid-template-columns:minmax(0,var(--slider-track,2fr)) minmax(0,var(--tile-track,1fr));gap:var(--gap);max-width:var(--max-width);margin-inline:auto}yava-banner-studio .ybs-slider{position:relative;min-width:0;min-height:var(--height);border-radius:var(--radius);overflow:hidden;touch-action:pan-y}yava-banner-studio .ybs-stage{position:relative;height:100%;min-height:var(--height);display:grid}yava-banner-studio .ybs-card{position:relative;isolation:isolate;min-width:0;border-radius:var(--radius);background-color:var(--card-bg);background-image:var(--card-gradient);color:var(--ink);overflow:hidden}yava-banner-studio[data-shadow=true] .ybs-slider,yava-banner-studio[data-shadow=true] .ybs-tile{box-shadow:0 4px 16px #00000012}yava-banner-studio .ybs-slide{grid-area:1/1;min-height:var(--height);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--speed) ease,visibility var(--speed) step-end}yava-banner-studio .ybs-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1;transition:opacity var(--speed) ease}yava-banner-studio[data-effect=slide] .ybs-slide{transform:translate(6%);transition:opacity var(--speed) ease,transform var(--speed) ease,visibility var(--speed) step-end}yava-banner-studio[data-effect=slide][dir=rtl] .ybs-slide{transform:translate(-6%)}yava-banner-studio[data-effect=slide] .ybs-slide.is-active{transform:translate(0)}yava-banner-studio[data-effect=none] .ybs-slide{transition:none}yava-banner-studio .ybs-tiles{display:grid;grid-auto-rows:minmax(0,1fr);gap:var(--gap);min-width:0}yava-banner-studio .ybs-media,yava-banner-studio .ybs-overlay,yava-banner-studio .ybs-card-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block}yava-banner-studio .ybs-media{z-index:-3}yava-banner-studio .ybs-media img,yava-banner-studio .ybs-media video{width:100%;height:100%;display:block;object-fit:var(--fit);object-position:var(--fx) var(--fy)}yava-banner-studio .ybs-video{z-index:-2}yava-banner-studio .ybs-overlay{background:var(--overlay);opacity:var(--opacity);z-index:-1;pointer-events:none}yava-banner-studio .ybs-card-link{z-index:1}yava-banner-studio .ybs-content-wrap{display:flex;flex-direction:column;justify-content:var(--vertical);align-items:var(--horizontal);min-height:100%;height:100%;padding:var(--inner);position:relative;z-index:2;pointer-events:none}yava-banner-studio .ybs-slide .ybs-content-wrap{padding-bottom:calc(var(--inner) + 48px)}yava-banner-studio .ybs-content{width:var(--content-width);max-width:100%;text-align:var(--align);overflow-wrap:anywhere}yava-banner-studio .ybs-heading{font-family:inherit;font-weight:750;font-size:var(--heading);line-height:1.12;letter-spacing:-.025em;margin:0;color:inherit;text-transform:none}yava-banner-studio[dir=rtl] .ybs-heading{letter-spacing:normal;line-height:1.35}yava-banner-studio .ybs-eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;margin:0 0 12px;color:inherit}yava-banner-studio[dir=rtl] .ybs-eyebrow{letter-spacing:normal}yava-banner-studio .ybs-text{font-size:var(--body);line-height:1.6;color:inherit;margin-top:16px}yava-banner-studio .ybs-text p{margin:0 0 8px}yava-banner-studio .ybs-content a{pointer-events:auto}yava-banner-studio .ybs-text a{color:inherit;text-decoration:underline}yava-banner-studio .ybs-badge{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--badge-bg);color:var(--badge-ink);font-size:12px;font-weight:700;margin-bottom:14px}yava-banner-studio .ybs-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;justify-content:var(--horizontal)}yava-banner-studio .ybs-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;background:var(--button-bg);color:var(--button-ink);border:1px solid var(--button-bg);border-radius:var(--button-radius);font-family:inherit;font-size:14px;font-weight:600;line-height:1.35;text-decoration:none;transition:filter .2s ease}yava-banner-studio .ybs-button:hover{filter:brightness(.92)}yava-banner-studio .ybs-button-secondary{background:transparent;color:var(--ink);border-color:currentColor}yava-banner-studio .ybs-foreground{position:absolute;z-index:0;top:10%;bottom:10%;width:var(--foreground-width);pointer-events:none}yava-banner-studio .ybs-foreground-end{inset-inline-end:4%}yava-banner-studio .ybs-foreground-start{inset-inline-start:4%}yava-banner-studio .ybs-foreground img{width:100%;height:100%;object-fit:contain}yava-banner-studio .ybs-controls{position:absolute;bottom:16px;inset-inline-start:20px;z-index:5;display:flex;align-items:center;gap:6px;max-width:calc(100% - 88px);flex-wrap:nowrap}yava-banner-studio .ybs-control{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #00000012;border-radius:50%;background:var(--control-bg);color:var(--control-ink);font-family:inherit;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 2px 8px #0000000d}yava-banner-studio[dir=rtl] .ybs-arrow span{transform:scaleX(-1)}yava-banner-studio .ybs-dots{display:flex;flex-wrap:nowrap;min-width:0;overflow-x:auto;align-items:center;background:var(--control-bg);border-radius:24px;padding:0 5px}yava-banner-studio .ybs-dot{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:28px;height:44px;padding:0;border:0;background:transparent;color:var(--control-ink);cursor:pointer}yava-banner-studio .ybs-dot:after{content:"";width:6px;height:6px;background:currentColor;opacity:.3;border-radius:8px;transition:width .2s ease}yava-banner-studio .ybs-dot[aria-current=true]:after{width:18px;opacity:1}yava-banner-studio .ybs-motion{position:absolute;z-index:6;bottom:16px;inset-inline-end:16px;font-size:16px}yava-banner-studio a:focus-visible,yava-banner-studio button:focus-visible,yava-banner-studio .ybs-slider:focus-visible{outline:3px solid var(--control-ink);outline-offset:3px;box-shadow:0 0 0 6px var(--control-bg)}yava-banner-studio .ybs-card-link:focus-visible{outline-offset:-6px;box-shadow:none}yava-banner-studio[data-side=end] .ybs-slider,yava-banner-studio[data-side=right][dir=ltr] .ybs-slider,yava-banner-studio[data-side=left][dir=rtl] .ybs-slider{order:2}yava-banner-studio[data-side=end] .ybs-layout,yava-banner-studio[data-side=right][dir=ltr] .ybs-layout,yava-banner-studio[data-side=left][dir=rtl] .ybs-layout{grid-template-columns:minmax(0,var(--tile-track,1fr)) minmax(0,var(--slider-track,2fr))}yava-banner-studio .ybs-layout.ybs-single{grid-template-columns:minmax(0,1fr)}yava-banner-studio .ybs-mobile-video{display:none}@media(max-width:749px){yava-banner-studio{padding-inline:var(--mobile-pad)}yava-banner-studio .ybs-layout{display:flex;flex-direction:column;gap:var(--mobile-gap)}yava-banner-studio .ybs-slider,yava-banner-studio[data-side] .ybs-slider{order:0;min-height:var(--mobile-height)}yava-banner-studio .ybs-stage,yava-banner-studio .ybs-slide{min-height:var(--mobile-height)}yava-banner-studio .ybs-tiles{order:1;gap:var(--mobile-gap)}yava-banner-studio[data-tiles-first=true] .ybs-tiles{order:-1}yava-banner-studio[data-mobile-tiles=hide] .ybs-tiles{display:none}yava-banner-studio[data-mobile-tiles=two] .ybs-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}yava-banner-studio .ybs-tile{min-height:var(--tile-height)}yava-banner-studio .ybs-content-wrap{padding:var(--inner-mobile)}yava-banner-studio .ybs-slide .ybs-content-wrap{padding-bottom:calc(var(--inner-mobile) + 60px)}yava-banner-studio .ybs-heading{font-size:var(--heading-mobile)}yava-banner-studio[data-mobile-tiles=two] .ybs-tile .ybs-heading{font-size:min(var(--heading-mobile),24px)}yava-banner-studio[data-mobile-tiles=two] .ybs-tile .ybs-content-wrap{padding:16px}yava-banner-studio .ybs-content{width:100%}yava-banner-studio .ybs-controls{inset-inline-start:12px;bottom:12px;gap:2px}yava-banner-studio .ybs-dot{width:24px}yava-banner-studio .ybs-desktop-video{display:none}yava-banner-studio .ybs-mobile-video{display:block}}@media(prefers-reduced-motion:reduce){yava-banner-studio .ybs-slide,yava-banner-studio .ybs-button,yava-banner-studio .ybs-dot:after{transition:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/compiled_assets/styles.css.map?subset=AAAAAAAAAAAAAAAAEA */