:root{--var-attachment-gallery-progress: 0;--var-attachment-tb-bottom-mb: 64px}.c-attachment-gallery{background:linear-gradient(0deg,#e5e5e5 0% 100%),linear-gradient(0deg,#dfe3e4 0% 100%),url(<path-to-image>) #d3d3d3 50% / cover no-repeat;position:absolute;top:0;left:0;height:fit-content;width:100%;z-index:11;padding:24px 0 69px;display:flex;align-items:center;justify-content:center}.c-attachment-gallery.is-hidden{opacity:0;pointer-events:none;z-index:-1}.c-attachment-gallery__back-button{display:flex;align-items:center;position:absolute;top:20px;left:20px;z-index:11;color:var(--var-process-night)!important;background-color:transparent!important;padding:0;column-gap:10px}.c-attachment-gallery__media-list{max-width:min(67.672%,636px);margin:0 auto;height:auto;width:100%}.c-attachment-gallery__media-item{width:100%}.c-attachment-gallery__image-container{background:linear-gradient(0deg,#e5e5e5 0% 100%),linear-gradient(0deg,#dfe3e4 0% 100%),url(<path-to-image>) #d3d3d3 50% / cover no-repeat!important}.c-attachment-gallery__image{mix-blend-mode:multiply}.c-attachment-gallery__contents{position:absolute;bottom:28px;left:20px;margin:0;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:flex-end}.c-attachment-gallery__content-item{grid-row:1/-1;grid-column:1/-1;margin:0;opacity:0;transition:all .2s ease-in-out}.c-attachment-gallery__content-item.is-active{opacity:1}.c-attachment-gallery__content-item span:last-child{display:block;margin-top:4px}.c-attachment-gallery__progress{position:absolute;bottom:0;left:0;background-color:var(--var-process-night--05);height:4px;width:100%;border-radius:0;z-index:1}.c-attachment-gallery__progress:before{content:"";display:block;width:var(--var-attachment-gallery-progress);height:100%;background-color:var(--var-process-night);transition:all .2s ease-in-out;border-radius:0 2px 2px 0}.c-attachment-gallery__thumbnails{display:none}.c-attachment-gallery__text-blocks{overflow:hidden;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;position:absolute;bottom:var(--var-attachment-tb-bottom-mb);left:20px;width:100%;max-width:337px;transition:all .2s ease-in-out;border-radius:4px}.c-attachment-gallery__text-blocks.is-hidden{opacity:0;pointer-events:none;height:0}.c-attachment-gallery__text-block{grid-column:1/-1;grid-row:1/-1;opacity:0;pointer-events:none;padding:0;background-color:var(--var-process-white-smoke);transition:all .2s ease-in-out}.c-attachment-gallery__text-block.is-visible{opacity:1;pointer-events:initial}.c-attachment-gallery__text-block:not([open]) svg.is-minus,.c-attachment-gallery__text-block[open] svg.is-plus{display:none}.c-attachment-gallery__text-block-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:20px}.c-attachment-gallery__text-block-header svg{width:16px;height:16px}.c-attachment-gallery__text-block-header-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;margin:0}.c-attachment-gallery__text-block-body{padding:0 20px 20px;margin:-12px 0 0}@media screen and (min-width: 1025px){.c-attachment-gallery{padding:0;height:100%}.c-attachment-gallery__contents,.c-attachment-gallery__progress{display:none}.c-attachment-gallery__thumbnails-container{height:calc(100vh - 104px)}.c-attachment-gallery__thumbnails{display:block;position:absolute;height:100%;z-index:10;top:50%;transform:translateY(-50%);left:4px;max-height:355px;width:262px;margin:0}.c-attachment-gallery__thumbnails .t4s-carousel__nav-inner:before{padding-bottom:100%}.c-attachment-gallery__thumbnails .t4s-col-item.t4s-carousel__nav-item{margin:0!important;padding:7.5px 2px;background-color:#fafafa;transition:all .2s linear;width:44px;position:relative;cursor:pointer}.c-attachment-gallery__thumbnails .t4s-col-item.t4s-carousel__nav-item.is-nav-selected{padding:10px 4px;width:48px}.c-attachment-gallery__thumbnails .t4s-col-item.t4s-carousel__nav-item.is-nav-selected .t4s-carousel__nav-inner img{mix-blend-mode:multiply}.c-attachment-gallery__thumbnail-list{display:flex;flex-direction:column;gap:4px;padding:0}.c-attachment-gallery__thumbnail-item{position:relative;cursor:pointer}.c-attachment-gallery__image-text-content{position:absolute;left:calc(100% + 16px);width:194px;top:50%;transform:translateY(-50%);opacity:0;pointer-events:none;transition:all .2s ease-in-out}.c-attachment-gallery__thumbnails .t4s-col-item.t4s-carousel__nav-item.is-nav-selected .c-attachment-gallery__image-text-content,.c-attachment-gallery__thumbnails .t4s-col-item.t4s-carousel__nav-item:hover .c-attachment-gallery__image-text-content{opacity:1;pointer-events:initial}.c-attachment-gallery__image-text-content p{margin:0}.c-attachment-gallery__image-text-content p:last-child:not(:first-child){color:var(--var-process-ash);margin-top:4px}.c-attachment-gallery__image-text-content p{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1}.c-attachment-gallery__text-blocks{bottom:auto;top:28px;right:28px;left:auto}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/sn-objects.attachment-gallery.css.map */