.cs-multimedia__image{max-width:100%;width:100%;height:auto;display:block;transition:transform .2s ease-in-out;cursor:pointer}.cs-multimedia__image:hover{transform:scale(1.05)}.cs-multimedia__photos-wrapper{width:100%;display:grid;grid-template-columns:repeat(1,1fr);column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing);margin-top:var(--grid-mobile-horizontal-spacing)}@media screen and (min-width:480px){.cs-multimedia__photos-wrapper{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:750px){.cs-multimedia__photos-wrapper{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:990px){.cs-multimedia__photos-wrapper{grid-template-columns:repeat(4,1fr);column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing);margin-top:var(--grid-desktop-horizontal-spacing)}}.cs-multimedia__photos-wrapper .cs-multimedia__photos-item{border-radius:.6rem;overflow:hidden}.cs-multimedia__photos-wrapper .cs-multimedia__photos-item .cs-multimedia__image{aspect-ratio:1/1;object-fit:cover}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000c;justify-content:center;align-items:center}.modal-content{max-width:80%;max-height:80%;margin:auto;display:block;border-radius:5px}.close{position:absolute;top:20px;right:30px;color:#fff;font-size:30px;font-weight:700;cursor:pointer}.close:hover,.close:focus{color:#ccc;text-decoration:none}.cs-multimedia .load-more{width:100%;margin-top:2.5rem}@media screen and (min-width:750px){.cs-multimedia .load-more{width:auto;margin-top:3rem}}.cs-multimedia__photos-grid{display:flex;flex-direction:column;align-items:center}.multimedia-tab{border:0;background-color:transparent;color:rgb(var(--color-foreground));font:inherit;padding:1rem 1.5rem;cursor:pointer}.multimedia-tab.active,.multimedia-tab:hover{border-bottom:2px solid rgb(var(--color-button))}.cs-multimedia__tabs{margin-bottom:4rem}.cs-multimedia__video-item .video-banner{position:relative;aspect-ratio:3/4;padding:3rem;display:flex;align-items:flex-end}.cs-multimedia__video-item .video-thumbnail{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;object-position:center;transition:transform .2s ease-in-out}.cs-multimedia__video-item:hover .video-thumbnail{transform:scale(1.05)}.video-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;justify-content:center;align-items:center;z-index:99999}.video-modal-content{position:relative;max-width:800px;width:100%}.close-modal{position:absolute;top:-40px;right:10px;font-size:20px;color:#fff;background:none;border:none;cursor:pointer}@media screen and (min-width:990px){.close-modal{top:-40px;right:-40px}}.video-banner{position:relative;cursor:pointer;width:100%}.video-thumbnail{width:100%;height:100%;object-fit:cover}.video-modal-content iframe{width:100%;height:auto}.cs-multimedia__video-item iframe{display:none}.cs-multimedia__videos-wrapper{width:100%;display:grid;grid-template-columns:repeat(1,1fr);column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing);margin-top:var(--grid-mobile-horizontal-spacing)}@media screen and (min-width:480px){.cs-multimedia__videos-wrapper{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:750px){.cs-multimedia__videos-wrapper{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:990px){.cs-multimedia__videos-wrapper{grid-template-columns:repeat(4,1fr);column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing);margin-top:var(--grid-desktop-horizontal-spacing)}}.cs-multimedia__videos-wrapper .cs-multimedia__video-item{border-radius:.6rem;overflow:hidden}.cs-multimedia__videos-grid{display:flex;flex-direction:column;align-items:center}.video-banner-content{z-index:1}.video-banner-content .video-title{font:inherit;font-weight:500;font-size:1.4rem}.video-banner-button{background-color:transparent}.video-banner-overlay{position:absolute;width:100%;height:100%;top:0;left:0;background:#1c2126;background:linear-gradient(0deg,#1c2126,#1c212600)}.cs-multimedia__heading{margin-bottom:2rem}.cs-multimedia__heading{font-family:var(--font-special-family);font-weight:var(--font-special-weight);font-size:6rem;margin-top:0;line-height:1}@media screen and (min-width:750px){.cs-multimedia__heading{font-size:9rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/cs-multimedia.css.map */