.gallery{display:flex;flex-direction:row;margin:3rem auto;flex-wrap:wrap;justify-content:center;align-items:center}.display-close{position:absolute;top:2rem;right:2rem;z-index:22;color:var(--red);font-size:1.5rem;cursor:pointer}.view-image{width:18rem;height:13rem;background-position:center;background-size:cover}.display .view-image{background-size:contain;background-repeat:no-repeat}.view-inner{position:relative;border:solid 2px var(--red);border-radius:2px;overflow:hidden;box-shadow:0 0 20px 0 rgba(0,0,0,.25)}.display .view-inner{box-shadow:unset}.view-content,.view-content-bg{position:absolute;left:0;height:100%;z-index:1}.view-content{top:calc(100% - 3.7rem);transition:.3s;width:100%}.view-content-bg{background:#000;top:0;width:100%;opacity:.6}.view-date,.view-header:after{background:var(--red);position:absolute}.view-date{top:0;right:0;transform:translate(40%,-40%);width:3.25rem;height:3.25rem;color:#fff;text-align:center;display:flex;flex-direction:column;z-index:2;box-shadow:0 0 20px 0 rgba(0,0,0,.25)}.view-content-inner{color:#fff;position:relative;z-index:2;padding:1rem}.view-header{font-size:.9rem;position:relative;padding-bottom:.5rem;margin-bottom:.5rem;font-weight:700}.view-description{font-size:.7rem;line-height:1.5;font-weight:500}.btn-view{padding:.25rem;background:0 0;color:#fff;border-bottom:solid 1px var(--red);border-radius:0;font-size:.8rem;margin-top:.5rem}.view-header:after{content:"";width:4rem;height:2px;bottom:0;left:0}.view-day,.view-month{line-height:1;padding-bottom:.3rem}.view-month{font-size:.7rem;font-weight:500;margin-bottom:auto}.view-day{font-size:1.4rem;margin-top:auto}view{position:relative;margin:0 1rem 2rem}view:hover .view-content{top:0}.display-bg,.display-holder{top:0;left:0;width:100%;height:100%}.display-holder{opacity:0;visibility:hidden;position:fixed;z-index:99;display:flex}.display-bg{position:absolute;background:#000;opacity:.7}.display-holder[data-state=open]{opacity:1;visibility:visible}.display-inner{position:relative;width:100%;height:80%;margin:auto;overflow:hidden;max-width:1920px;max-height:1080px}.display view{margin:auto;display:flex}.display .view-date{display:none}.display .view-image,.display .view-inner,.display view,.owl-stage-outer{width:100%;height:100%}.display .view-inner{border:0;border-radius:0}.owl-stage{height:100%;display:flex}.display .btn-view{display:none}.display .view-content{height:auto;top:auto;transform:translateY(100%);width:100%}.display view:hover .view-content{top:auto;transform:translateY(-100%)}.display .view-description{max-width:40rem}