.hoc-fe__wrap{max-width:var(--hoc-wrap);margin:0 auto;padding:0 var(--hoc-gut);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}.hoc-fe__wrap--right .hoc-fe__media{order:2}.hoc-fe__wrap--flush{column-gap:0}.hoc-fe__wrap--flush.hoc-fe__wrap--left .hoc-fe__copy{padding-left:72px}.hoc-fe__wrap--flush.hoc-fe__wrap--right .hoc-fe__copy{padding-right:72px}.hoc-fe__wrap--across{align-items:start;row-gap:48px}.hoc-fe__head{grid-column:1 / -1;order:-1;max-width:1000px}.hoc-fe__wrap--across .hoc-fe__b{margin-top:0}.hoc-fe__wrap--wide{grid-template-columns:minmax(0,1fr);row-gap:40px}.hoc-fe__wrap--wide .hoc-fe__copy{max-width:none;columns:2;column-gap:72px}.hoc-fe__wrap--wide .hoc-fe__b>p,.hoc-fe__wrap--wide .hoc-fe__q,.hoc-fe__wrap--wide .hoc-fe__acts{break-inside:avoid}.hoc-fe__wrap--edge{max-width:none;padding:0 0 0 max(var(--hoc-gut),calc((100% - var(--hoc-wrap)) / 2 + var(--hoc-gut)));align-items:stretch}.hoc-fe__wrap--edge .hoc-fe__media{order:2;align-self:center}.hoc-fe__wrap--edge .hoc-fe__copy{align-self:center}.hoc-fe__wrap--edge .hoc-fe__im{aspect-ratio:var(--hoc-fe-ratio, 1 / 1);height:auto;min-height:0}.hoc-fe__wrap--edge-left{max-width:none;padding:0 max(var(--hoc-gut),calc((100% - var(--hoc-wrap)) / 2 + var(--hoc-gut))) 0 0;align-items:stretch}.hoc-fe__wrap--edge-left .hoc-fe__copy,.hoc-fe__wrap--edge-left .hoc-fe__media{align-self:center}.hoc-fe__wrap--edge-left .hoc-fe__im{aspect-ratio:var(--hoc-fe-ratio, 1 / 1);height:auto;min-height:0}.hoc-fe__wrap--none{grid-template-columns:minmax(0,1fr)}.hoc-fe__wrap--none .hoc-fe__copy{max-width:1000px}.hoc-fe__im{display:block;width:100%;aspect-ratio:var(--hoc-fe-ratio, 4 / 5);background-size:cover;background-repeat:no-repeat}.hoc-fe__im--empty{background-color:var(--hoc-rule-auto)}.hoc-fe__im--video{position:relative;overflow:hidden;background-color:var(--hoc-rule-auto)}.hoc-fe__vid{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.hoc-fe .hoc-fe__vbtn{position:absolute;right:14px;bottom:14px;z-index:1;display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:#ffffffd1;color:var(--hoc-black);box-shadow:none;cursor:pointer;opacity:.75;transition:opacity .2s}.hoc-fe .hoc-fe__vbtn:before,.hoc-fe .hoc-fe__vbtn:after{content:none;display:none}.hoc-fe .hoc-fe__vbtn:hover,.hoc-fe .hoc-fe__vbtn:focus-visible{opacity:1}.hoc-fe__vi--play{display:none}.hoc-fe__im--video.is-paused .hoc-fe__vi--play{display:block}.hoc-fe__im--video.is-paused .hoc-fe__vi--pause{display:none}.hoc-fe__copy{max-width:52ch}.hoc-fe__wrap--flush .hoc-fe__copy{box-sizing:content-box}.hoc-fe__eb{margin-bottom:14px}.hoc-fe__b{margin-top:22px}.hoc-fe__q{margin:32px 0 0;padding-left:24px;border-left:1px solid var(--hoc-mark)}.hoc-fe__qby{margin-top:14px}.hoc-fe__acts{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:32px}@media screen and (max-width:900px){.hoc-fe__wrap{grid-template-columns:minmax(0,1fr);gap:32px}.hoc-fe__wrap--across{row-gap:32px}.hoc-fe__wrap--wide .hoc-fe__copy{columns:1}.hoc-fe__wrap--right .hoc-fe__media{order:0}.hoc-fe__wrap--flush{gap:32px}.hoc-fe__wrap--flush.hoc-fe__wrap--left .hoc-fe__copy,.hoc-fe__wrap--flush.hoc-fe__wrap--right .hoc-fe__copy{padding-left:0;padding-right:0}.hoc-fe__wrap--edge,.hoc-fe__wrap--edge-left{padding:0;gap:0}.hoc-fe__wrap--edge .hoc-fe__media,.hoc-fe__wrap--edge-left .hoc-fe__media{order:0;align-self:auto}.hoc-fe__wrap--edge .hoc-fe__im,.hoc-fe__wrap--edge-left .hoc-fe__im{height:auto;min-height:0;aspect-ratio:var(--hoc-fe-ratio, 4 / 3)}.hoc-fe__wrap--edge .hoc-fe__copy,.hoc-fe__wrap--edge-left .hoc-fe__copy{padding-left:var(--hoc-gut);padding-right:var(--hoc-gut)}}@media(prefers-reduced-motion:reduce){.hoc-fe .hoc-fe__vbtn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/hoc-feature.css.map */