.ostori-panels{--ostori-panels-h: 85vh;--ostori-panels-gap: 0px;--ostori-panels-radius: 0px;--ostori-panels-overlay: .35;--ostori-panels-duration: .7s;--ostori-panels-ease: cubic-bezier(.25,.8,.25,1);--ostori-panels-grow-active: 10;--ostori-panels-grow-inactive: .4;--ostori-panels-grow-default: 1;--ostori-panels-img-scale-collapsed: 1;--ostori-panels-img-scale-active: 1.06;--ostori-panels-text-shift: 18px;--ostori-panels-text-delay: .16s}.ostori-panels__wrap{height:var(--ostori-panels-h);display:flex;gap:var(--ostori-panels-gap);border-radius:var(--ostori-panels-radius);overflow:hidden}.ostori-panels__wrap{flex-direction:row}@media(max-width:749px){.ostori-panels__wrap{flex-direction:column;height:78vh}.ostori-panels__content{padding:12px;gap:6px}.ostori-panels[data-has-active=false] .ostori-panels__content{place-content:center;justify-items:center;text-align:center}.ostori-panels[data-has-active=false] .ostori-panels__title{font-size:16px;line-height:1.1;min-height:0;max-width:12ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ostori-panels[data-has-active=false] .ostori-panels__text,.ostori-panels[data-has-active=false] .ostori-panels__cta{display:none}.ostori-panels[data-has-active=true] .ostori-panels__panel.is-active .ostori-panels__content{place-content:center;justify-items:center;text-align:center;padding:16px;gap:10px}.ostori-panels[data-has-active=true] .ostori-panels__panel.is-active .ostori-panels__title{font-size:clamp(28px,8vw,36px);line-height:1.1;min-height:0;max-width:12ch;white-space:normal;overflow:visible;text-overflow:unset}.ostori-panels[data-has-active=true] .ostori-panels__panel.is-active .ostori-panels__text{display:block;font-size:14px;line-height:1.4;max-width:22ch}.ostori-panels[data-has-active=true] .ostori-panels__panel.is-active .ostori-panels__cta{display:inline-flex;min-height:44px;padding:12px 18px;font-size:14px}.ostori-panels[data-has-active=true] .ostori-panels__panel.is-inactive{--ostori-grow: .55}.ostori-panels[data-has-active=true] .ostori-panels__panel.is-inactive .ostori-panels__content{place-content:center;justify-items:center;text-align:center;padding:8px 10px;gap:0}.ostori-panels[data-has-active=true] .ostori-panels__panel.is-inactive .ostori-panels__title{font-size:12px;line-height:1.1;min-height:0;max-width:10ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ostori-panels[data-has-active=true] .ostori-panels__panel.is-inactive .ostori-panels__text,.ostori-panels[data-has-active=true] .ostori-panels__panel.is-inactive .ostori-panels__cta{display:none}.ostori-panels__content[data-position=center] .ostori-panels__title-wrap,.ostori-panels__content[data-position=top-center] .ostori-panels__title-wrap,.ostori-panels__content[data-position=bottom-center] .ostori-panels__title-wrap{width:calc(100% - 24px);text-align:center;display:flex;justify-content:center}.ostori-panels__content[data-position=center] .ostori-panels__title,.ostori-panels__content[data-position=top-center] .ostori-panels__title,.ostori-panels__content[data-position=bottom-center] .ostori-panels__title{text-align:center;margin-inline:auto}.ostori-panels__content[data-position=center] .ostori-panels__details,.ostori-panels__content[data-position=top-center] .ostori-panels__details,.ostori-panels__content[data-position=bottom-center] .ostori-panels__details{width:calc(100% - 24px);text-align:center;justify-items:center}}.ostori-panels__panel{position:relative;min-width:0;min-height:0;flex:1 1 0;flex-grow:var(--ostori-grow, var(--ostori-panels-grow-default));transition:flex-grow var(--ostori-panels-duration) var(--ostori-panels-ease),filter var(--ostori-panels-duration) var(--ostori-panels-ease);overflow:hidden}.ostori-panels__panel-inner{position:relative;width:100%;height:100%}.ostori-panels__hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:0;margin:0;cursor:pointer}.ostori-panels__hit:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.ostori-panels__media{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(var(--ostori-img-scale, var(--ostori-panels-img-scale-collapsed)));transform-origin:center;transition:transform var(--ostori-panels-duration) var(--ostori-panels-ease);will-change:transform}.ostori-panels__media-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.ostori-panels__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,color-mix(in srgb,var(--ostori-panels-overlay-color, #000) calc(var(--ostori-panels-overlay, .35) * 100%),transparent),#0000001a 58%)}.ostori-panels__title,.ostori-panels__text{text-shadow:0 1px 2px rgba(0,0,0,.3),0 10px 22px rgba(0,0,0,.2)}.ostori-panels__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;padding:var(--ostori-panels-pad, 24px);color:var(--ostori-panels-text-color, #fff);pointer-events:none}.ostori-panels[data-has-active=true] .ostori-panels__panel:not(.is-active){filter:brightness(.72)}.ostori-panels__panel.is-active{--ostori-grow: var(--ostori-panels-grow-active);--ostori-img-scale: var(--ostori-panels-img-scale-active)}.ostori-panels__panel.is-inactive{--ostori-grow: var(--ostori-panels-grow-inactive)}.ostori-panels__title-wrap{position:absolute;left:50%;top:50%;width:min(calc(100% - (var(--ostori-panels-pad, 24px) * 2)),28rem);transform:translate(-50%,-50%);text-align:center}.ostori-panels__title{margin:0;font-size:var(--ostori-panels-h-size, 22px);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ostori-panels__details{position:absolute;left:50%;top:calc(50% + 44px);width:min(calc(100% - (var(--ostori-panels-pad, 24px) * 2)),28rem);display:grid;justify-items:center;gap:10px;transform:translate(-50%,12px);opacity:0;pointer-events:none;transition:opacity .26s var(--ostori-panels-ease),transform .26s var(--ostori-panels-ease)}.ostori-panels__text{font-size:var(--ostori-panels-b-size, 14px);line-height:1.45;margin:0}.ostori-panels__cta{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:10px 14px;border-radius:999px;background:var(--ostori-panels-btn-bg, #fff);color:var(--ostori-panels-btn-text, #000);border:1px solid var(--ostori-panels-btn-border, #fff);text-decoration:none;pointer-events:auto;z-index:5}.ostori-panels__panel.is-active .ostori-panels__details{opacity:1;transform:translate(-50%);transition-delay:var(--ostori-panels-text-delay)}.ostori-panels[data-has-active=true] .ostori-panels__panel.is-inactive .ostori-panels__title{font-size:clamp(12px,1vw,14px);line-height:1.15;max-width:10ch;opacity:.85}.ostori-panels[data-has-active=true] .ostori-panels__panel.is-inactive .ostori-panels__details{opacity:0;pointer-events:none}.ostori-panels__content[data-position=top-left] .ostori-panels__title-wrap{left:var(--ostori-panels-pad, 24px);top:var(--ostori-panels-pad, 24px);transform:none;text-align:left}.ostori-panels__content[data-position=top-left] .ostori-panels__details{left:var(--ostori-panels-pad, 24px);top:calc(var(--ostori-panels-pad, 24px) + 44px);transform:translateY(12px);justify-items:start}.ostori-panels__content[data-position=top-center] .ostori-panels__title-wrap{left:50%;top:var(--ostori-panels-pad, 24px);transform:translate(-50%);text-align:center}.ostori-panels__content[data-position=top-center] .ostori-panels__details{left:50%;top:calc(var(--ostori-panels-pad, 24px) + 44px);transform:translate(-50%,12px);justify-items:center}.ostori-panels__content[data-position=top-right] .ostori-panels__title-wrap{right:var(--ostori-panels-pad, 24px);left:auto;top:var(--ostori-panels-pad, 24px);transform:none;text-align:right}.ostori-panels__content[data-position=top-right] .ostori-panels__details{right:var(--ostori-panels-pad, 24px);left:auto;top:calc(var(--ostori-panels-pad, 24px) + 44px);transform:translateY(12px);justify-items:end}.ostori-panels__content[data-position=center-left] .ostori-panels__title-wrap{left:var(--ostori-panels-pad, 24px);top:50%;transform:translateY(-50%);text-align:left}.ostori-panels__content[data-position=center-left] .ostori-panels__details{left:var(--ostori-panels-pad, 24px);top:calc(50% + 44px);transform:translateY(12px);justify-items:start}.ostori-panels__content[data-position=center] .ostori-panels__title-wrap{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.ostori-panels__content[data-position=center] .ostori-panels__details{left:50%;top:calc(50% + 44px);transform:translate(-50%,12px);justify-items:center}.ostori-panels__content[data-position=center-right] .ostori-panels__title-wrap{right:var(--ostori-panels-pad, 24px);left:auto;top:50%;transform:translateY(-50%);text-align:right}.ostori-panels__content[data-position=center-right] .ostori-panels__details{right:var(--ostori-panels-pad, 24px);left:auto;top:calc(50% + 44px);transform:translateY(12px);justify-items:end}.ostori-panels__content[data-position=bottom-left] .ostori-panels__title-wrap{left:var(--ostori-panels-pad, 24px);bottom:calc(var(--ostori-panels-pad, 24px) + 64px);top:auto;transform:none;text-align:left}.ostori-panels__content[data-position=bottom-left] .ostori-panels__details{left:var(--ostori-panels-pad, 24px);bottom:var(--ostori-panels-pad, 24px);top:auto;transform:translateY(12px);justify-items:start}.ostori-panels__content[data-position=bottom-center] .ostori-panels__title-wrap{left:50%;bottom:calc(var(--ostori-panels-pad, 24px) + 64px);top:auto;transform:translate(-50%);text-align:center}.ostori-panels__content[data-position=bottom-center] .ostori-panels__details{left:50%;bottom:var(--ostori-panels-pad, 24px);top:auto;transform:translate(-50%,12px);justify-items:center}.ostori-panels__content[data-position=bottom-right] .ostori-panels__title-wrap{right:var(--ostori-panels-pad, 24px);left:auto;bottom:calc(var(--ostori-panels-pad, 24px) + 64px);top:auto;transform:none;text-align:right}.ostori-panels__content[data-position=bottom-right] .ostori-panels__details{right:var(--ostori-panels-pad, 24px);left:auto;bottom:var(--ostori-panels-pad, 24px);top:auto;transform:translateY(12px);justify-items:end}.ostori-panels__panel.is-active .ostori-panels__content[data-position=top-left] .ostori-panels__details,.ostori-panels__panel.is-active .ostori-panels__content[data-position=top-right] .ostori-panels__details,.ostori-panels__panel.is-active .ostori-panels__content[data-position=center-left] .ostori-panels__details,.ostori-panels__panel.is-active .ostori-panels__content[data-position=center-right] .ostori-panels__details,.ostori-panels__panel.is-active .ostori-panels__content[data-position=bottom-left] .ostori-panels__details,.ostori-panels__panel.is-active .ostori-panels__content[data-position=bottom-right] .ostori-panels__details{transform:translate(0)}.ostori-panels__panel.is-active .ostori-panels__content[data-position=top-center] .ostori-panels__details,.ostori-panels__panel.is-active .ostori-panels__content[data-position=center] .ostori-panels__details,.ostori-panels__panel.is-active .ostori-panels__content[data-position=bottom-center] .ostori-panels__details{transform:translate(-50%)}@media(hover:hover)and (pointer:fine){.ostori-panels[data-hover-preview=true][data-has-active=false] .ostori-panels__panel:hover{flex-grow:1.25}}@media(prefers-reduced-motion:reduce){.ostori-panels__panel,.ostori-panels__media,.ostori-panels__text,.ostori-panels__link,.ostori-panels__cta{transition:none!important}}.ostori-panels[data-has-active=true] .ostori-panels__panel.is-inactive .ostori-panels__title{font-size:clamp(12px,1vw,14px);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:10ch;opacity:.85}
/*# sourceMappingURL=/cdn/shop/t/21/assets/ostori-panels.css.map */