.nano-control{overflow:hidden;background:var(--nano-control-bg, var(--common-black));color:var(--nano-control-heading-color, var(--common-white));padding-block:100px}.nano-control__inner{display:flex;flex-direction:column}.nano-control__header{display:flex;flex-direction:column;gap:16px;margin-bottom:60px}.nano-control__header--left{align-items:flex-start;text-align:left}.nano-control__header--center{align-items:center;text-align:center}.nano-control__header--right{align-items:flex-end;text-align:right}.nano-control__heading{margin:0;color:var(--nano-control-heading-color, var(--common-white));font-size:44px;font-weight:700;line-height:1.2;letter-spacing:0}.nano-control__heading span,.nano-control__heading em{display:block}.nano-control__heading em{color:var(--nano-control-heading-highlight-color, var(--common-accent));font-style:normal}.nano-control__copy{max-width:1280px;margin:0;color:var(--nano-control-copy-color, var(--common-gray-500));font-size:18px;font-weight:400;line-height:1.3;letter-spacing:0}.nano-control__viewport{overflow:visible}.nano-control__track{--nano-control-card-gap: 20px;--nano-control-card-count: 5;--nano-control-card-width: calc((100% - var(--nano-control-card-gap) * (var(--nano-control-card-count) - 1)) / var(--nano-control-card-count));display:flex;gap:var(--nano-control-card-gap);justify-content:center}.nano-control__card{position:relative;display:flex;flex:0 0 var(--nano-control-card-width);align-items:flex-end;height:auto;aspect-ratio:240 / 320;overflow:hidden;border-radius:20px;background:var(--nano-control-card-bg, var(--common-surface-hover))}.nano-control__media{position:absolute;top:0;right:0;bottom:0;left:0}.nano-control__image{display:block;width:100%;height:100%;object-fit:cover}.nano-control__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;transition:background .2s ease}.nano-control__icon-wrap{position:absolute;z-index:2;top:20px;left:20px;display:flex;align-items:center;justify-content:center;width:max(40px,calc(var(--nano-control-icon-width, 24px) + 16px));height:max(40px,calc(var(--nano-control-icon-height, 24px) + 16px));border:1px solid var(--nano-control-icon-border-color-20, rgba(var(--common-white-rgb), .2));border-radius:50%;background:var(--nano-control-icon-bg-20, rgba(var(--common-white-rgb), .2));color:var(--nano-control-icon-color, var(--common-pure-white));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nano-control__icon{display:block;width:var(--nano-control-icon-width, 24px);height:var(--nano-control-icon-height, 24px);object-fit:contain}.nano-control__content{position:relative;z-index:1;display:flex;width:100%;box-sizing:border-box;flex-direction:column;gap:0;padding:20px;background:linear-gradient(180deg,transparent 0%,var(--nano-control-content-gradient-color-40, rgba(var(--common-primary-black-rgb), .4)) 100%);transition:background .2s ease,gap .2s ease}.nano-control__card-title{margin:0;color:var(--nano-control-card-title-color, var(--common-white));font-size:20px;font-weight:700;line-height:1.3;letter-spacing:0}.nano-control__card-copy{max-height:0;margin:0;overflow:hidden;color:var(--nano-control-card-copy-color, var(--common-gray-200));opacity:0;font-size:14px;font-weight:400;line-height:1.3;letter-spacing:0;transform:translateY(8px);transition:max-height .2s ease,opacity .2s ease,transform .2s ease}.nano-control__card-hover:hover .nano-control__media:after,.nano-control__card-hover:focus-within .nano-control__media:after{background:var(--nano-control-media-overlay-color-20, rgba(var(--common-black-rgb), .2))}.nano-control__card-conhover:hover .nano-control__content,.nano-control__card-conhover:focus-within .nano-control__content,.nano-control__card-connormal .nano-control__content{gap:8px;background:linear-gradient(180deg,transparent 0%,var(--nano-control-content-gradient-color-80, rgba(var(--common-primary-black-rgb), .8)) 100%)}.disabled-card-copy .nano-control__content{gap:8px}.nano-control__card:hover .nano-control__card-copy,.nano-control__card:focus-within .nano-control__card-copy,.disabled-card-copy .nano-control__card-copy{max-height:96px;opacity:1;transform:translateY(0)}.nano-control__arrows,.nano-control__dots{display:none}.nano-control .common-carousel-arrow{border-color:var(--nano-control-arrow-border-color-20, rgba(var(--common-white-rgb), .2));color:var(--nano-control-arrow-color, var(--common-white))}.nano-control .common-carousel-arrow:hover,.nano-control .common-carousel-arrow:focus-visible,.nano-control .common-carousel-arrow:active{border-color:var(--nano-control-arrow-hover-bg, var(--common-white));background:var(--nano-control-arrow-hover-bg, var(--common-white));color:var(--nano-control-arrow-hover-color, var(--common-black))}.nano-control .common-carousel-arrow:disabled,.nano-control .common-carousel-arrow[aria-disabled=true]{border-color:var(--nano-control-arrow-disabled-border-color-12, rgba(var(--common-white-rgb), .12));background:transparent;color:var(--nano-control-arrow-disabled-color-35, rgba(var(--common-white-rgb), .35))}.nano-control .common-carousel-dot{background:var(--nano-control-dot-color-20, rgba(var(--common-warm-white-rgb), .2))}.nano-control .common-carousel-dot.is-active{background:var(--nano-control-dot-active-color-80, rgba(var(--common-white-rgb), .8))}.nano-control .common-carousel-dot:focus-visible{outline-color:var(--nano-control-dot-active-color-80, rgba(var(--common-white-rgb), .8))}@media(max-width:1024px){.nano-control{padding-block:50px}.nano-control__header{margin-bottom:30px}.nano-control__heading{font-size:28px;line-height:1.3}.nano-control__copy{font-size:16px;line-height:1.3}.nano-control__viewport{margin-bottom:20px;overflow:hidden}.nano-control__track{--nano-control-card-gap: 12px;width:max-content;justify-content:flex-start;padding-inline:var(--common-pad-inline);touch-action:none}.nano-control__card{width:240px;height:320px;flex:0 0 240px;aspect-ratio:auto;border-radius:16px}.nano-control__content{gap:8px;padding:20px;background:linear-gradient(180deg,transparent 0%,var(--nano-control-content-gradient-color-80, rgba(var(--common-primary-black-rgb), .8)) 100%)}.nano-control__card-copy{max-height:none;overflow:visible;opacity:1;font-size:14px;transform:none}.nano-control__arrows{display:none}.nano-control__dots{display:flex;margin-top:0}.nano-control__card:hover .nano-control__media:after{background:transparent}.nano-control__card:hover .nano-control__content{gap:8px;background:linear-gradient(180deg,transparent 0%,var(--nano-control-content-gradient-color-80, rgba(var(--common-primary-black-rgb), .8)) 100%)}.nano-control__card:hover .nano-control__card-copy{max-height:none;opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/nano-control.css.map */