.strap-gallery__container{display:flex;padding:20px 0}.strap-gallery__contents{width:80%;flex:1 0 80%;display:flex;flex-direction:column;align-items:center}.strap-gallery__image-container{display:grid;grid-gap:1px;padding-bottom:20px;width:100%;padding-left:10px}.result-count{opacity:.6;font-size:12.6px;white-space:nowrap}.strap-gallery__image-container.whole{grid-template-columns:100%}.strap-gallery__image-container.half{grid-template-columns:50% 50%}.strap-gallery__image-container.third{grid-template-columns:33% 33% 33%}.strap-gallery__image-container.fourth{grid-template-columns:25% 25% 25% 25%}.stray-gallery__image{position:relative;overflow:hidden;display:block}.stray-gallery__image img{width:100%;object-fit:contain}.strap-finder__loader{width:100vw;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;align-content:center}.strap-finder__loader .strap-finder__loader-image{width:100%;text-align:center}.strap-finder__loader .strap-finder__loader-text{padding-top:15px;color:#000;padding-bottom:80px}.strap-finder__loader .strap-finder__loader-image img{max-width:100px}.stray-gallery__desctiption{position:absolute;top:100%;left:50%;transition:transform .3s ease-in-out;transform:translate(-50%);background-color:#ffffffa1;width:100%;padding:5px 10px;font-size:12px;font-family:Roboto,sans-serif;cursor:pointer}.stray-gallery__image:hover .stray-gallery__desctiption{transform:translate(-50%,-100%)}.strap-gallery__filter-wrapper{width:20%;display:block!important}.strap-gallery__filter-container,.strap-gallery__filter-category-container{position:relative;width:100%;padding:5px 15px;border-bottom:1px solid #e3e3e3}.strap-gallery__filter-button{cursor:pointer;position:relative;display:flex;align-items:baseline;font-family:ARAPEY;font-size:14px;font-weight:700;padding:5px 0}.strap-gallery__filter-option-buttons{display:flex;justify-content:space-between;flex:1}.strap-gallery__filter-option-buttons .clear{font-weight:300;font-family:Abel;font-size:13px;display:none}.strap-gallery__filter-button .icon{width:10px;height:10px;margin-right:6px}.strap-gallery__filter-button .icon svg{width:100%;height:100%}.strap-gallery__filter-container .strap-gallery__filter-button .icon-minus,.strap-gallery__filter-category-container .strap-gallery__filter-button.category .icon-minus{display:none}.strap-gallery__filter-container.show .strap-gallery__filter-button .icon-minus,.strap-gallery__filter-category-container.show .strap-gallery__filter-button.category .icon-minus{display:flex}.strap-gallery__filter-container.show .strap-gallery__filter-button .icon-plus,.strap-gallery__filter-category-container.show .strap-gallery__filter-button.category .icon-plus{display:none}.strap-gallery__filter-option-container,.strap-gallery__filter-category-categories{width:100%;max-height:0;overflow:hidden;z-index:10;transition:max-height .1s ease-in-out,border 0s ease-in-out .1s;border:0px solid #c4c4c4}.strap-gallery__filter-container.show .strap-gallery__filter-option-container,.strap-gallery__filter-category-container.show .strap-gallery__filter-category-categories{transition:max-height .1s ease-in-out;max-height:220px;overflow:auto}.strap-gallery__filter-category-categories .strap-gallery__filter-container:last-child{border-bottom:0}.strap-gallery__filter-option{padding:5px 10px 5px 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:14px}.filter{display:flex;align-items:center}.strap-gallery__checkbox{width:16px;height:16px;border:1px solid #c4cdd5;border-radius:1px;margin-right:6px;position:relative;margin-bottom:1px}.strap-gallery__filter-option-container::-webkit-scrollbar,.strap-gallery__filter-wrapper::-webkit-scrollbar{width:5px}.strap-gallery__filter-option-container::-webkit-scrollbar-track,.strap-gallery__filter-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.strap-gallery__filter-option-container::-webkit-scrollbar-thumb,.strap-gallery__filter-wrapper::-webkit-scrollbar-thumb{background:#888}.strap-gallery__filter-option-container::-webkit-scrollbar-thumb:hover,.strap-gallery__filter-wrapper::-webkit-scrollbar-thumb:hover{background:#555;cursor:pointer}.strap-gallery__filter-bar{height:38px;border:1px solid rgba(0,0,0,.25);width:100%;display:none;flex-wrap:wrap;align-items:center;border-radius:2px;padding:0 10px;font-family:Arapey;font-weight:700;font-size:14px;cursor:pointer}.strap-gallery__filter-option.active .strap-gallery__checkbox{border-color:#5a5a5a}.strap-gallery__filter-option.active .strap-gallery__checkbox:after{content:"";position:absolute;top:42%;left:50%;width:5px;height:10px;border-bottom:2.5px solid #5a5a5a;border-right:2.5px solid #5a5a5a;transform:translate(-50%,-50%) rotate(45deg)}.strap-gallery__filter-option .icon-selected{width:18px;height:18px;border:1px solid lightgray;border-radius:50%;padding:2px;background-color:#d3d3d3;stroke:#000}.strap-gallery__filter-option.active .icon-selected,.strap-gallery__filter-option-buttons .clear.active{display:block!important}.strap-gallery__filter-wrapper-header{display:none;border-bottom:1px solid rgb(223,227,232);align-items:center;justify-content:space-between;font-weight:700}.active-filter svg{width:12px;height:12px;cursor:pointer;margin-left:10px}.active-filter__contents{padding:0 15px 5px}.strap-gallery__filter-wrapper-header svg{width:20px;height:20px;cursor:pointer}.strap-gallery__active-filter-container{border-bottom:1px solid #e3e3e3;padding-bottom:5px;display:none}.strap-gallery__active-filter-container .active-filter{display:flex;align-items:center;justify-content:space-between;padding:0 0 5px;cursor:pointer}.active-filter__header{display:flex;align-items:center;justify-content:space-between;padding:0 15px 5px}.active-filter__header span{cursor:pointer}.active-filter__header p{font-family:Arapey;font-weight:700}.strap-gallery__active-filter-container .active-filter span{font-weight:700;margin-left:3px}.strap-gallery__active-filter-container.active{display:block}.strap-gallery__active-filter-container.mobile,.active-filter__contents .clear-all{display:none}.stray-gallery__image{cursor:pointer}.strap-gallery__overlay{position:fixed;width:0;height:0;z-index:10;background:#0009;top:0;left:0;opacity:0;transition:opacity .3s ease-in-out;cursor:pointer}.strap-gallery__overlay.open{width:100vw;height:100vh;opacity:1;z-index:100}.strap-gallery__modal{position:fixed;top:50%;left:50%;opacity:0;transform:translate(-50%,-50%);transition:opacity .3s ease-in-out;pointer-events:none}.strap-gallery__modal.open{max-width:70vw;opacity:1;padding-bottom:5px;pointer-events:all;z-index:101}.strap-gallery__modal-detail-category{padding-top:20px}.strap-gallery__modal-image-wrapper{position:relative;display:flex}.strap-gallery__modal-image{display:flex;position:relative;overflow:hidden}.strap-gallery__modal-image img{max-width:0;max-height:80vh;transition:max-width 0s ease-in-out .3s}.strap-gallery__modal.open .strap-gallery__modal-image img{max-width:35vw;object-fit:cover}.strap-gallery__modal-description{position:absolute;width:100%;color:#fff;top:100%;font-size:14px;text-align:center;display:none}.strap-gallery__modal-prev,.strap-gallery__modal-next{position:absolute;height:100%;display:flex;align-items:center;top:0;cursor:pointer;opacity:1;transition:opacity .15s ease-in-out}.strap-gallery__modal-prev svg,.strap-gallery__modal-next svg{background-color:#000;border:2px solid white;padding:6px;border-radius:50%;width:30px;height:30px}.strap-gallery__modal-prev path,.strap-gallery__modal-next path{fill:#fff}.strap-gallery__modal-prev:hover,.strap-gallery__modal-next:hover{opacity:1}.strap-gallery__modal-prev{left:10px}.strap-gallery__modal-next{right:10px}.strap-gallery__modal-close{cursor:pointer;position:absolute;top:-15px;right:-15px;border-radius:50%;border:2px solid white;background-color:#000;padding:6px;display:flex}.strap-gallery__modal-close svg{width:15px;height:15px}.strap-gallery__modal-close path{stroke:#fff;fill:#fff}.strap-gallery__modal-details{display:flex;flex-direction:column;padding:20px 10px}.strap-gallery__modal-details-reference{font-family:Arapey;color:#828280;padding-left:20px}.strap-gallery__modal-details-reference span{padding-right:10px}.strap-gallery__modal-details-wrapper{width:0;transition:min-width 0s ease-in-out .3s;min-width:0}.strap-gallery__modal.open .strap-gallery__modal-details-wrapper{transition:min-width 0s ease-in-out 0s;width:250px;background-color:#fffc;overflow:auto}.strap-gallery__modal-content-container{display:flex;max-height:80vh;border:1px solid white;border-radius:5px}.stray-gallery__image .strap-gallery__modal-details{display:none}.strap-gallery__modal-details h2{font-size:20px;color:#000}.strap-gallery__modal-detail-category h3{font-size:16px;font-weight:700;color:#000}.strap-gallery-modal-detail-item{font-size:14px;font-family:Arapey}@media only screen and (max-width:768px){.strap-gallery__modal-prev,.strap-gallery__modal-next{opacity:1}.strap-gallery__modal.open,.strap-gallery__filter-container{max-width:90vw}.strap-gallery__modal.open{width:100%}.strap-gallery__modal.open .strap-gallery__modal-image img{max-width:unset;width:100%}.strap-gallery__modal{transform:translate(-50%,-55%)}.strap-gallery__image-container{padding-left:0}.strap-gallery__active-filter-container.mobile.active{display:block}.strap-gallery__container{padding-top:10px}.active-filter__contents .clear-all{display:block;padding:3px 5px;margin:3px;background:#666;color:#e2e2e2;cursor:pointer}.active-filter__contents{display:flex;flex-wrap:wrap;padding-top:10px}.active-filter__header{display:none}.strap-gallery__active-filter-container .active-filter{font-size:0;padding:3px 3px 3px 5px;border:1px solid #e8e8e8;border-radius:2px;margin:3px}.strap-gallery__active-filter-container .active-filter span{font-size:14px;font-weight:300}.strap-gallery__active-filter-container.mobile{width:100%}.strap-gallery__active-filter-container.mobile .active-filter__contents{padding:0;margin:0 -3px}.strap-gallery__active-filter-container.desktop{display:none}.strap-gallery__filter-wrapper-header{display:flex;padding:15px 7px 15px 15px}.strap-gallery__filter-wrapper{position:fixed;width:80%;max-width:350px;height:100%;overflow:auto;top:0;left:-350px;background-color:#fff;z-index:101;transition:left .3s ease-in-out}.strap-gallery__filter-wrapper.active{left:0}.strap-gallery__filter-bar{display:flex;margin-top:10px}.strap-gallery__filter-bar svg{margin-right:6px}.strap-gallery__image-container.whole-mobile,.strap-gallery__image-container.half-mobile{grid-template-columns:50% 50%}.strap-gallery__image-container.third,.strap-gallery__image-container.fourth{grid-template-columns:33% 33% 33%}}@media only screen and (max-width:498px){.strap-gallery__modal-content-container{flex-wrap:wrap;overflow:auto;max-height:70vh}.strap-gallery__modal.open .strap-gallery__modal-details-wrapper{width:100%;padding:20px;max-width:unset}.strap-gallery__image-container.whole-mobile{grid-template-columns:100%}.strap-gallery__image-container.half-mobile{grid-template-columns:50% 50%}.strap-gallery__image-container.third-mobile{grid-template-columns:33% 33% 33%}.strap-gallery__image-container.fourth-mobile{grid-template-columns:25% 25% 25% 25%}}
/*# sourceMappingURL=/cdn/shop/t/196/assets/strap-gallery.css.map */