.nano-choose{overflow:hidden;background:var(--common-black);color:var(--common-white);padding-block:100px}.nano-choose__inner{display:flex;flex-direction:column;align-items:center;gap:60px}.nano-choose__header{display:flex;width:100%;flex-direction:column;align-items:center;gap:16px;text-align:center}.nano-choose__heading{width:100%;margin:0;color:var(--common-white);font-size:44px;font-weight:700;line-height:1.2;letter-spacing:0}.nano-choose__copy{width:100%;margin:0;color:var(--common-gray-600);font-size:18px;font-weight:400;line-height:1.3;letter-spacing:0}.nano-choose__body{display:flex;width:100%;flex-direction:column;align-items:center;gap:40px}.nano-choose__media-shell{position:relative;width:960px;max-width:100%;overflow:hidden;border-radius:24px;aspect-ratio:16 / 9;background:var(--common-surface-hover)}.nano-choose__media{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .2s ease}.nano-choose__media.is-active{opacity:1}.nano-choose__media[hidden]{display:block;visibility:hidden;pointer-events:none}.nano-choose__image{display:block;width:100%;height:100%;object-fit:cover}.nano-choose__media:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:rgba(var(--common-black-rgb),.2);content:"";pointer-events:none}.nano-choose__summary{display:flex;width:100%;flex-direction:column;align-items:center;gap:16px}.nano-choose__selector-shell{position:relative;display:flex;width:max-content;max-width:100%;box-sizing:border-box;user-select:none;-webkit-user-select:none}.nano-choose__selector{display:block;width:max-content;max-width:100%;box-sizing:border-box;overflow:hidden;padding:4px;border-radius:100px;background:rgba(var(--common-white-rgb),.1);scrollbar-width:none;touch-action:pan-y;user-select:none;-webkit-user-select:none}.nano-choose__selector::-webkit-scrollbar{display:none}.nano-choose__selector-track{display:flex;width:max-content;align-items:flex-start;justify-content:flex-start;will-change:transform;user-select:none;-webkit-user-select:none}.nano-choose__tab{display:inline-flex;height:40px;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;padding:0 24px;border:0;border-radius:100px;background:transparent;color:var(--common-gray-600);font-family:var(--base-font-family);font-size:14px;font-weight:500;line-height:1.3;letter-spacing:0;white-space:nowrap;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .2s ease,color .2s ease}.nano-choose__tab-arrow{display:none}.nano-choose__tab:hover,.nano-choose__tab:focus-visible{background:rgba(var(--common-white-rgb),.05);color:var(--common-gray-600)}.nano-choose__tab.is-active{background:var(--common-white);color:var(--common-black);font-weight:700}.nano-choose__details{position:relative;display:grid;width:100%;min-height:63px;overflow:hidden}.nano-choose__detail{display:flex;grid-area:1 / 1;width:100%;flex-direction:column;align-items:center;gap:16px;opacity:0;transform:translateY(6px);transition:opacity .28s ease,transform .28s ease,visibility .28s ease}.nano-choose__detail.is-active{opacity:1;transform:translateY(0)}.nano-choose__detail[hidden]{display:flex;visibility:hidden;pointer-events:none}.nano-choose__price{width:100%;margin:0;color:var(--common-white);font-size:20px;font-weight:700;line-height:1.3;letter-spacing:0;text-align:center}.nano-choose__package{width:100%;margin:0;color:var(--common-gray-600);font-size:16px;font-weight:400;line-height:1.3;letter-spacing:0;text-align:center}.nano-choose__package-item{display:inline}.nano-choose__package-item+.nano-choose__package-item:before{content:", "}@media(max-width:1024px){.nano-choose{padding-block:56px}.nano-choose__inner{align-items:flex-start;gap:40px}.nano-choose__header{align-items:flex-start;gap:12px;text-align:left}.nano-choose__heading{font-size:24px}.nano-choose__copy{font-size:16px}.nano-choose__body{gap:40px}.nano-choose__media-shell{width:100%;border-radius:18px;aspect-ratio:16 / 9}.nano-choose__summary{gap:18px}.nano-choose__selector-shell{--nano-choose-edge-size: 46px}.nano-choose__selector-shell:before,.nano-choose__selector-shell:after{position:absolute;top:0;bottom:0;z-index:2;width:var(--nano-choose-edge-size);opacity:0;content:"";pointer-events:none;transition:opacity .18s ease}.nano-choose__selector-shell:before{left:0;border-radius:100px 0 0 100px;background:linear-gradient(to right,rgba(var(--common-black-rgb),.88),rgba(var(--common-black-rgb),0))}.nano-choose__selector-shell:after{right:0;border-radius:0 100px 100px 0;background:linear-gradient(to left,rgba(var(--common-black-rgb),.88),rgba(var(--common-black-rgb),0))}.nano-choose__selector-shell.has-overflow-left:before,.nano-choose__selector-shell.has-overflow-right:after{opacity:1}.nano-choose__selector{width:100%;justify-content:flex-start;overflow:hidden;padding:4px;border-radius:100px}.nano-choose__tab{height:32px;padding-inline:14px;border-radius:100px;font-size:12px}.nano-choose__tab-arrow{position:absolute;top:50%;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--common-white);opacity:0;pointer-events:none;cursor:pointer;transform:translateY(-50%);transition:opacity .18s ease,color .18s ease}.nano-choose__tab-arrow:hover,.nano-choose__tab-arrow:focus-visible{color:var(--common-pure-white)}.nano-choose__tab-arrow--prev{left:0}.nano-choose__tab-arrow--next{right:0}.nano-choose__selector-shell.has-overflow-left .nano-choose__tab-arrow--prev,.nano-choose__selector-shell.has-overflow-right .nano-choose__tab-arrow--next{opacity:1;pointer-events:auto}.nano-choose__details{min-height:112px}.nano-choose__detail{gap:18px}.nano-choose__price{font-size:24px}.nano-choose__package{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 8px;font-size:12px}.nano-choose__package-item{display:inline-flex;align-items:center;padding:6px 10px;border-radius:8px;background:rgba(var(--common-white-rgb),.05);color:var(--common-gray-500);white-space:nowrap}.nano-choose__package-item+.nano-choose__package-item:before{content:none}}
/*# sourceMappingURL=/cdn/shop/t/150/assets/nano-choose.css.map */