.skyline-circles{background:var(--sc-bg);color:var(--sc-text);padding:var(--sc-pt-desktop) 0 var(--sc-pb-desktop)}.skyline-circles *,.skyline-circles *:before,.skyline-circles *:after{box-sizing:border-box}.skyline-circles__container--full{max-width:none;width:100%;padding-inline:clamp(16px,3vw,48px)}.skyline-circles__header{margin-bottom:22px}.skyline-circles__header--left{text-align:left}.skyline-circles__header--center{text-align:center}.skyline-circles__header--right{text-align:right}.skyline-circles__heading{margin:0;font:inherit;font-size:clamp(24px,2vw,34px);font-weight:600;line-height:1.15}.skyline-circles__text{margin-top:8px;opacity:.78}.skyline-circles__slider-wrap{position:relative;width:100%;min-width:0}.skyline-circles__slider-wrap{opacity:1;visibility:visible;transition:opacity .16s ease,visibility 0s linear 0s}.skyline-circles--visual-loading .skyline-circles__slider-wrap{opacity:.96;visibility:visible;pointer-events:auto}.skyline-circles--visual-loading .skyline-circles__track{backface-visibility:hidden;-webkit-font-smoothing:antialiased}.skyline-circles--visual-ready .skyline-circles__slider-wrap{opacity:1;visibility:visible;pointer-events:auto}.skyline-circles--visual-loading .skyline-circles__arrow{opacity:0;pointer-events:none}@media screen and (min-width:990px){.skyline-circles--desktop-slider:not(.skyline-circles--visual-ready) .skyline-circles__slider-wrap{opacity:.96;visibility:visible}.skyline-circles--desktop-slider:not(.skyline-circles--visual-ready) .skyline-circles__track{display:flex!important;width:100%;gap:var(--sc-gap-desktop);transform:none!important}.skyline-circles--desktop-slider:not(.skyline-circles--visual-ready) .skyline-circles__slide{flex:0 0 calc((100% - ((var(--sc-grid-cols-desktop) - 1) * var(--sc-gap-desktop))) / var(--sc-grid-cols-desktop));width:auto!important;margin:0!important}}@media screen and (min-width:750px)and (max-width:989px){.skyline-circles--desktop-slider:not(.skyline-circles--visual-ready) .skyline-circles__slider-wrap{opacity:.96;visibility:visible}.skyline-circles--desktop-slider:not(.skyline-circles--visual-ready) .skyline-circles__track{display:flex!important;width:100%;gap:var(--sc-gap-desktop);transform:none!important}.skyline-circles--desktop-slider:not(.skyline-circles--visual-ready) .skyline-circles__slide{flex:0 0 calc((100% - ((var(--sc-grid-cols-tablet) - 1) * var(--sc-gap-desktop))) / var(--sc-grid-cols-tablet));width:auto!important;margin:0!important}}@media screen and (max-width:749px){.skyline-circles--mobile-slider:not(.skyline-circles--visual-ready) .skyline-circles__slider-wrap{opacity:.96;visibility:visible}.skyline-circles--mobile-slider:not(.skyline-circles--visual-ready) .skyline-circles__track{display:flex!important;width:100%;gap:var(--sc-gap-mobile);transform:none!important}.skyline-circles--mobile-slider:not(.skyline-circles--visual-ready) .skyline-circles__slide{flex:0 0 calc((100% - ((var(--sc-grid-cols-mobile) - 1) * var(--sc-gap-mobile))) / var(--sc-grid-cols-mobile));width:auto!important;margin:0!important}}.skyline-circles__swiper{width:100%;min-width:0;overflow:hidden}.skyline-circles__track{display:flex;align-items:stretch;width:100%;min-width:0;margin:0;padding:0}.skyline-circles__slide{min-width:0;height:auto}.skyline-circles--slider-active .skyline-circles__track{display:flex}.skyline-circles--slider-active .skyline-circles__slide{flex-shrink:0}.skyline-circles__card{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;height:100%;padding:4px 4px 8px;border:1px solid transparent;border-radius:14px;background:var(--sc-card-bg);color:var(--sc-text);text-align:center;text-decoration:none;outline-offset:4px;transition:background-color .24s ease,border-color .24s ease}.skyline-circles__card:hover{background:var(--sc-hover-bg)}.skyline-circles__image-shell{position:relative;display:block;width:min(100%,var(--sc-image-size-desktop));max-width:100%;height:auto!important;aspect-ratio:1 / 1!important;flex:0 0 auto;overflow:hidden;border:1px solid transparent;border-radius:var(--sc-radius);background:var(--sc-image-bg);transition:border-color .24s ease,background-color .24s ease}.skyline-circles__card:hover .skyline-circles__image-shell{border-color:var(--sc-border)}.skyline-circles__image,.skyline-circles__placeholder{display:block;width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:1 / 1!important;object-fit:cover;object-position:center;border-radius:inherit}.skyline-circles__image{opacity:1;transition:transform .35s ease,opacity .3s ease}@media(hover:hover){.skyline-circles__card:hover .skyline-circles__image{transform:scale(1.025)}}.skyline-circles__title{width:100%;max-width:230px;margin-top:12px;font-size:var(--sc-title-size-desktop);font-weight:600;line-height:1.25;overflow-wrap:anywhere;text-wrap:balance}.skyline-circles__arrow{position:absolute;z-index:5;top:calc((var(--sc-image-size-desktop) / 2) + 4px);transform:translateY(-50%);display:grid;place-items:center;width:var(--sc-arrow-size);height:var(--sc-arrow-size);padding:0;border:1px solid var(--sc-border);border-radius:50%;background:var(--sc-arrow-bg);color:var(--sc-arrow-color);cursor:pointer;box-shadow:0 4px 18px #00000014;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease}.skyline-circles__arrow span{font-size:28px;line-height:1}.skyline-circles__arrow--prev{left:4px}.skyline-circles__arrow--next{right:4px}.skyline-circles__arrow:hover{background:var(--sc-hover-bg)}.skyline-circles__arrow.swiper-button-disabled{opacity:.3;cursor:default;pointer-events:none}.skyline-circles__pagination{display:flex;justify-content:center;gap:7px;margin-top:18px}.skyline-circles__pagination .swiper-pagination-bullet{width:7px;height:7px;margin:0!important;border-radius:99px;background:currentColor;opacity:.25}.skyline-circles__pagination .swiper-pagination-bullet-active{opacity:1}@media screen and (min-width:990px){.skyline-circles--desktop-grid .skyline-circles__swiper{overflow:visible}.skyline-circles--desktop-grid .skyline-circles__track{display:grid;grid-template-columns:repeat(var(--sc-grid-cols-desktop),minmax(0,1fr));gap:var(--sc-gap-desktop);transform:none!important}.skyline-circles--desktop-grid .skyline-circles__slide{width:auto!important;margin:0!important}.skyline-circles--desktop-grid .skyline-circles__arrow,.skyline-circles--desktop-grid .skyline-circles__pagination{display:none!important}}@media screen and (min-width:990px)and (max-width:1399px){.skyline-circles__image-shell{width:min(100%,var(--sc-image-size-desktop));height:auto!important;aspect-ratio:1 / 1!important}.skyline-circles__image,.skyline-circles__placeholder{width:100%!important;height:100%!important;aspect-ratio:1 / 1!important}}@media screen and (min-width:750px)and (max-width:989px){.skyline-circles__image-shell{width:min(100%,var(--sc-image-size-tablet));height:auto!important;aspect-ratio:1 / 1!important}.skyline-circles__image,.skyline-circles__placeholder{width:100%!important;height:100%!important;aspect-ratio:1 / 1!important}.skyline-circles__arrow{top:calc((var(--sc-image-size-tablet) / 2) + 4px)}.skyline-circles--desktop-grid .skyline-circles__swiper{overflow:visible}.skyline-circles--desktop-grid .skyline-circles__track{display:grid;grid-template-columns:repeat(var(--sc-grid-cols-tablet),minmax(0,1fr));gap:var(--sc-gap-desktop);transform:none!important}.skyline-circles--desktop-grid .skyline-circles__slide{width:auto!important;margin:0!important}.skyline-circles--desktop-grid .skyline-circles__arrow,.skyline-circles--desktop-grid .skyline-circles__pagination{display:none!important}}@media screen and (max-width:749px){.skyline-circles{padding:var(--sc-pt-mobile) 0 var(--sc-pb-mobile)}.skyline-circles__header{margin-bottom:16px}.skyline-circles__heading{font-size:24px}.skyline-circles__image-shell{width:min(100%,var(--sc-image-size-mobile));height:auto!important;aspect-ratio:1 / 1!important}.skyline-circles__image,.skyline-circles__placeholder{width:100%!important;height:100%!important;aspect-ratio:1 / 1!important}.skyline-circles__title{margin-top:9px;font-size:var(--sc-title-size-mobile)}.skyline-circles__arrow{top:calc((var(--sc-image-size-mobile) / 2) + 4px);width:36px;height:36px}.skyline-circles__arrow--prev{left:0}.skyline-circles__arrow--next{right:0}.skyline-circles--mobile-grid .skyline-circles__swiper{overflow:visible}.skyline-circles--mobile-grid .skyline-circles__track{display:grid;grid-template-columns:repeat(var(--sc-grid-cols-mobile),minmax(0,1fr));gap:var(--sc-gap-mobile);transform:none!important}.skyline-circles--mobile-grid .skyline-circles__slide{width:auto!important;margin:0!important}.skyline-circles--mobile-grid .skyline-circles__arrow,.skyline-circles--mobile-grid .skyline-circles__pagination{display:none!important}}.skyline-circles__card:focus-visible,.skyline-circles__arrow:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(prefers-reduced-motion:reduce){.skyline-circles__card,.skyline-circles__image,.skyline-circles__arrow,.skyline-circles__slider-wrap{transition:none!important}}.skyline-circles__slide{position:relative}.skyline-circles__card{position:relative;z-index:2;display:flex;pointer-events:auto!important;cursor:pointer}.skyline-circles__image-shell,.skyline-circles__image,.skyline-circles__title{pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/21/assets/skyline-collection-circles.css.map */