#MainContent .rl-scope .card-collection{position:relative}#MainContent .rl-scope .card-collection__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}#MainContent .rl-scope .card-collection>.card-collection__content-wrapper{display:block;outline:none}#MainContent .rl-scope .card-collection.card-collection--style-compact>.card-collection__content-wrapper .media{transition:transform var(--duration-extra-long) ease}#MainContent .rl-scope .card-collection:not(.card-collection--style-compact)>.card-collection__content-wrapper .media img,#MainContent .rl-scope .card-collection:not(.card-collection--style-compact)>.card-collection__content-wrapper .media svg{transition:transform var(--duration-extra-long) ease}html.no-js #MainContent .rl-scope .card-collection>.card-collection__content-wrapper{outline:none}#MainContent .rl-scope .card-collection>.card-collection__content-wrapper:after{content:"";display:none;position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;z-index:2;pointer-events:none;outline:2px solid rgb(var(--color-heading-text));outline-offset:-3px}#MainContent .rl-scope .card-collection .card-collection__media{border-radius:var(--card-corner-radius)}#MainContent .rl-scope .card-collection>.card-collection__content-wrapper:focus:after{display:block}#MainContent .rl-scope .card-collection>.card-collection__content-wrapper:focus:not(:focus-visible):after{display:none}#MainContent .rl-scope .card-collection>.card-collection__content-wrapper:focus-visible:after{display:block}#MainContent .rl-scope .card-collection__media{aspect-ratio:var(--card-media-aspect-ratio);overflow:hidden}#MainContent .rl-scope .card-collection__media.media--overlay:after{display:none}#MainContent .rl-scope .card-collection__media:empty{display:block}#MainContent .rl-scope .card-collection__media .placeholder-svg{opacity:.25}#MainContent .rl-scope .card-collection__content{z-index:2;margin-block-start:28px;-webkit-user-select:none;user-select:none}#MainContent .rl-scope :is(.card-collection__content,.card-collection__subheading) a{position:relative;z-index:3}#MainContent .rl-scope .card-collection.card-collection--layout-text .card-collection__content{margin-block-start:0}#MainContent .rl-scope .card-collection.card-collection--layout-text .card-collection__content-wrapper.button:hover :is(.card-collection__heading,.card-collection__subheading){color:var(--color-button-hover-text)}#MainContent .rl-scope .card-collection__heading{position:relative;display:inline-block;margin:0;padding:0;line-height:var(--line-height-static-sm);max-width:100%}#MainContent .rl-scope .card-collection__content-arrow .card-collection__heading{width:100%}@media screen and (min-width:750px){#MainContent .rl-scope .card-collection__content-arrow .card-collection__heading{max-width:calc(100% - var(--spacing-8))}}#MainContent .rl-scope .card-collection__subheading{margin-block-start:var(--spacing-3)}#MainContent .rl-scope .card-collection__counter{font-size:var(--font-size-static-sm);line-height:var(--line-height-static-sm);letter-spacing:2.4px;padding-inline-start:var(--spacing-1);opacity:.75;min-width:25px;white-space:nowrap}#MainContent .rl-scope .card-collection__counter.counter-border{padding-inline-start:var(--spacing-3)}#MainContent .rl-scope .card-collection__counter.counter-border:before{display:inline-block;content:"";position:relative;inset-block-end:var(--spacing-1);inset-inline-end:var(--spacing-1);width:18px;height:1px;opacity:.15;background:rgba(var(--color-heading-text))}#MainContent .rl-scope .card-collection--no-image .card-collection__content-wrapper{transition:opacity var(--duration-extra-long)}#MainContent .rl-scope .card-collection--no-image .card-collection__content{display:flex;flex-wrap:wrap;align-content:space-between;justify-content:center;transform:none}#MainContent .rl-scope .card-collection__content:not(:has(.card-collection__heading)){display:none}#MainContent .rl-scope .card-collection--no-image .card-collection__content:before{content:"";display:block;width:100%}#MainContent .rl-scope .card-collection--no-image .card-collection__content-arrow,#MainContent .rl-scope .card-collection__content-arrow{display:flex;align-items:flex-start;justify-content:space-between;position:relative}#MainContent .rl-scope .card-collection__content-arrow .card-collection__button{position:absolute;inset-block-start:var(--spacing-1);inset-inline-end:var(--card-content-padding, 0);transform:translateY(-0%);width:35px;height:35px;display:flex;align-items:center;justify-content:center;padding:8px;opacity:0;visibility:hidden;transition:all var(--duration-extra-long);border-radius:10px;box-shadow:unset}#MainContent .rl-scope .card-collection__content-arrow .card-collection__button:before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);width:25px;height:25px;border-radius:10px;border-color:rgb(var(--color-filled-button));transition:all var(--duration-extra-long);z-index:-1}#MainContent .rl-scope [dir=rtl] .card-collection__content-arrow .card-collection__button:before{transform:translate(50%,-50%)}#MainContent .rl-scope .card-collection__content-arrow .card-collection__button svg{width:14px;height:14px}#MainContent .rl-scope .card-collection__content-arrow .card-collection__button--plain{color:rgb(var(--color-filled-button));background-color:transparent;border-color:transparent}#MainContent .rl-scope .card-collection__content-arrow .card-collection__button--plain:before{background-color:transparent}#MainContent .rl-scope .card-collection__content-arrow .card-collection__button--with-arrow:before{background-color:rgb(var(--color-filled-button))}#MainContent .rl-scope .featured__collections-subtitle{font-size:var(--font-size-static-sm);margin:0;letter-spacing:var(--letter-spacing-medium);text-transform:var(--font-heading-text-transform)}#MainContent .rl-scope .section__head--buttons .swiper-button--prev{margin-inline-end:4px}#MainContent .rl-scope .card-collection__content:not(.card-collection__content-arrow) h4 span{position:relative}#MainContent .rl-scope .card-collection__content:not(.card-collection__content-arrow) h4 span:before{content:"";position:absolute;inset-block-end:0;inset-inline-start:50%;opacity:0;visibility:hidden;transform:translate(-50%);background:rgba(var(--color-heading-text));height:1px;width:0;transition:all var(--duration-extra-long) ease}#MainContent .rl-scope [dir=rtl] .card-collection__content:not(.card-collection__content-arrow) h4 span:before{transform:translate(50%)}#MainContent .rl-scope .card-collection__media+.card-collection__content,#MainContent .rl-scope .card-collection__content+.card-collection__media{margin-block-start:var(--spacing-2)}#MainContent .rl-scope .card-collection,#MainContent .rl-scope .card-collection .card-collection__content-wrapper{width:100%;height:100%}@media screen and (min-width:750px){#MainContent .rl-scope .card-collection__media{width:100%;height:auto}#MainContent .rl-scope .card-collection__media+.card-collection__content,#MainContent .rl-scope .card-collection__content+.card-collection__media{margin-block-start:var(--spacing-4)}}@media screen and (min-width:990px){#MainContent .rl-scope .card-collection__content{margin-block-start:36px}#MainContent .rl-scope .card-collection--no-image .card-collection__content-arrow,#MainContent .rl-scope .card-collection__content-arrow{margin-block-start:28px}}@media(hover:hover){#MainContent .rl-scope .card-collection.card-collection--style-compact>.card-collection__content-wrapper:hover .card-collection__media{transform:scale(1.05)}#MainContent .rl-scope .card-collection:not(.card-collection--style-compact)>.card-collection__content-wrapper:hover .card-collection__media img,#MainContent .rl-scope .card-collection:not(.card-collection--style-compact)>.card-collection__content-wrapper:hover .card-collection__media svg{transform:scale(1.05)}#MainContent .rl-scope .card-collection>.card-collection__content-wrapper:hover .card-collection__content:has(.card-collection__heading).card-collection__content-arrow .card-collection__button{opacity:1;visibility:visible}#MainContent .rl-scope .card-collection>.card-collection__content-wrapper:hover .card-collection__content-arrow .card-collection__button:before{width:35px;height:35px}#MainContent .rl-scope .card-collection>.card-collection__content-wrapper:hover .card-collection__content:not(.card-collection__content-arrow) h4 span:before{width:100%;opacity:1;visibility:visible}}
/*# sourceMappingURL=/cdn/shop/t/112/assets/rl-component-card-collection.css.map */