@keyframes wnm-audio-tab-panel-fade-in{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.wnm-audio{display:block;overflow:hidden;background-color:var(--color-background);color:var(--color-text)}.wnm-audio__wrapper{display:flex;align-items:center;justify-content:center;flex-flow:column nowrap;gap:1.5rem}.wnm-audio__wrapper:after{display:none}.wnm-audio__header{display:flex;align-items:center;justify-content:center;flex-flow:column nowrap;gap:.75rem}.wnm-audio__title{line-height:1.2;margin:0;text-align:center}.wnm-audio__title.wnm-audio__title--small{font-size:1.25rem}.wnm-audio__title.wnm-audio__title--medium{font-size:1.75rem}.wnm-audio__title.wnm-audio__title--large{font-size:2rem}@media only screen and (min-width: 992px){.wnm-audio__title.wnm-audio__title--small{font-size:1.5rem}.wnm-audio__title.wnm-audio__title--medium{font-size:2rem}.wnm-audio__title.wnm-audio__title--large{font-size:2.5rem}}.wnm-audio__description{margin:0;text-align:center;font-size:1rem;line-height:1.375}.wnm-audio__content{display:flex;align-items:center;justify-content:center;flex-flow:column nowrap;gap:2rem;width:100%}@media only screen and (min-width: 768px){.wnm-audio__content{gap:4rem}}.wnm-audio__tabs-wrapper{position:relative;width:100%;max-width:420px;--tabs-bg-color: var(--color-background);display:flex;align-items:center;justify-content:center;gap:.5rem}.wnm-audio__tabs-wrapper:before{content:"";position:absolute;left:3.375rem;top:0;bottom:0;width:3rem;background:linear-gradient(to right,var(--tabs-bg-color, #f1f1f1),transparent);pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:1;border-radius:0}.wnm-audio__tabs-wrapper.scrolled-start:before{opacity:1}.wnm-audio__tabs-wrapper:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3rem;background:linear-gradient(to left,var(--tabs-bg-color, #f1f1f1),transparent);pointer-events:none;opacity:1;transition:opacity .3s ease;border-radius:0}.wnm-audio__tabs-wrapper.scrolled-end:after{opacity:0}@media only screen and (min-width: 768px){.wnm-audio__tabs-wrapper:before,.wnm-audio__tabs-wrapper:after{display:none}.wnm-audio__tabs-wrapper{max-width:max-content}.wnm-audio__tabs{width:auto}}.wnm-audio__power-off-button{position:sticky;left:0;z-index:2;color:var(--color-foreground);background-color:var(--color-background);border:1px solid var(--color-border-extra-light);flex-shrink:0}.wnm-audio__power-off-button:not(.wnm-audio__tab--active){background-color:var(--color-text-alpha-008, rgba(0, 0, 0, .05))}@media only screen and (min-width: 768px){.wnm-audio__power-off-button{position:static;background-color:transparent}.wnm-audio__power-off-button:not(.wnm-audio__tab--active){background-color:var(--color-text-alpha-008, rgba(0, 0, 0, .05))}}.wnm-audio__tabs{display:flex;align-items:stretch;justify-content:flex-start;flex-flow:row nowrap;gap:.5rem;height:auto;background-color:var(--tabs-bg-color);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:0 2.5rem 0 0;flex:1;min-width:0}.wnm-audio__tabs::-webkit-scrollbar{display:none}@media only screen and (min-width: 768px){.wnm-audio__tabs{justify-content:center;overflow-x:visible;padding:0}}.wnm-audio__tab{width:min-content;font-size:.875rem;font-weight:700;line-height:1;padding:.5rem 1rem;border-radius:var(--radius-accent);height:46px;word-break:keep-all;display:flex;align-items:center;justify-content:center;flex-flow:row nowrap;gap:0rem;flex-shrink:0;color:var(--color-foreground);background-color:var(--color-card-background);border:1px solid var(--color-border-extra-light);transition:all .2s ease-in-out;cursor:pointer;-webkit-user-select:none;user-select:none}.wnm-audio__tab:hover{border-color:transparent}@media only screen and (min-width: 768px){.wnm-audio__tab{width:auto;height:32px}.wnm-audio__tab:hover{border-color:var(--color-foreground)}}.wnm-audio__tab.wnm-audio__tab--icon-only{padding:.25rem;width:46px;height:auto;aspect-ratio:1 / 1}@media only screen and (min-width: 768px){.wnm-audio__tab.wnm-audio__tab--icon-only{width:32px}}.wnm-audio__tab.wnm-audio__tab--icon-only .wnm-audio__tab-icon{width:1rem;height:1rem;opacity:1}.wnm-audio__tab--active{background-color:var(--color-button);color:var(--color-button-text);box-shadow:0 0 8px #00000040;gap:.625rem}.wnm-audio__tab-icon{display:flex;align-items:center;justify-content:center}.wnm-audio__tab-icon>svg{width:100%;height:100%;object-fit:contain}.wnm-audio__tab .wnm-audio__tab-icon{opacity:0;width:0;height:0;transition:all .2s ease-in-out}.wnm-audio__tab.wnm-audio__tab--active .wnm-audio__tab-icon{opacity:1;width:1rem;height:1rem}.wnm-audio__tab-panel-wrapper{position:relative;width:100%;height:100%}.wnm-audio__tab-panel{display:none;align-items:center;justify-content:center;flex-flow:column nowrap;width:100%;height:100%;opacity:0;transition:opacity .4s ease-in-out}.wnm-audio__tab-panel--active{display:flex;opacity:1}.wnm-audio__tab-panel--fade-in{animation:wnm-audio-tab-panel-fade-in .4s ease-in-out}.wnm-audio__tab-panel-content{display:flex;align-items:center;justify-content:center;flex-flow:column nowrap;gap:.75rem;max-width:28rem;margin:0 auto}.wnm-audio__tab-panel-title{text-align:center;font-size:1.5rem;line-height:1.2}.wnm-audio__tab-panel-description{text-align:center;font-size:1rem;line-height:1.375;margin:0}.wnm-audio__media-wrapper{display:flex;align-items:center;justify-content:center;flex-flow:column nowrap;width:100%;height:100%;position:relative;max-width:30rem;margin:0 auto;margin-bottom:3rem}.wnm-audio__media-image{width:100%;height:20rem;object-fit:contain;position:absolute;top:6rem;max-width:30rem;pointer-events:none}@media only screen and (min-width: 768px){.wnm-audio__media-wrapper{margin-bottom:6rem;max-width:40rem}.wnm-audio__media-image{height:30rem;max-width:60rem}}.wnm-audio__slider{width:100%;display:flex;align-items:center;justify-content:center;flex-flow:row nowrap;position:relative;perspective:240px;height:240px;opacity:.6;transition:opacity .4s ease-in-out,transform .4s ease-in-out;transform:translateY(2rem)}@media only screen and (min-width: 768px){.wnm-audio__slider{perspective:360px;height:360px}}.wnm-audio__slider--active{opacity:1;transform:translateY(0)}.wnm-audio__slider-item{width:100%;height:auto;position:absolute;border-radius:1.5rem;overflow:hidden;aspect-ratio:16 / 9;opacity:.6;transform:scale(.8);transition:all .8s ease}.wnm-audio__slider-item[data-order="1"]{transform:scale(.8) translate(-40%)}.wnm-audio__slider-item[data-order="2"]{opacity:1;transform:scale(1) translate(0);z-index:1}.wnm-audio__slider-item[data-order="3"]{transform:scale(.8) translate(40%)}.wnm-audio__slider-item:nth-child(2){order:3}.wnm-audio__slider-item:nth-child(1){order:2}.wnm-audio__slider-item:nth-child(3){order:1}.wnm-audio__slider-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}
/*# sourceMappingURL=/cdn/shop/t/385/assets/section-wnm-audio.css.map */