.tubebase__modal-on{overflow:hidden}.tubebase{min-width:280px}.tubebase__modal-close{position:absolute;top:0;right:0;margin-block:20px;margin-right:clamp(20px, 1.5vw, 50px);width:35px;height:35px;cursor:pointer;pointer-events:none;transform:translate(20%, 0)}.tubebase__modal-close::before,.tubebase__modal-close::after{content:"";width:100%;height:5px;border-radius:10px;background-color:black;position:absolute;top:50%;left:0;transform-origin:center center}.tubebase__modal-close::before{transform:rotate(45deg)}.tubebase__modal-close::after{transform:rotate(-45deg)}.tubebase__hyperlink{display:block;max-width:200px}.tubebase__modal-wrapper{display:flex;flex-direction:column;justify-content:space-around;align-items:space-around;height:100%}.tubebase__bg{inset:0;width:100vw;height:100vh;position:fixed;opacity:0;pointer-events:none;background-color:black;z-index:999;transition:opacity 0.8s}.tubebase__bg--on{pointer-events:auto;opacity:0.5}.tubebase__modal{width:80vw;height:80vh;position:fixed;inset:0;margin:auto;padding-block:50px;padding-inline:clamp(20px, 1.5vw, 50px);opacity:0;background-color:white;z-index:1000;border-radius:30px;transform:scaleX(0);transition:0.8s}.tubebase__modal .tubebase__modal-wrapper>*{opacity:0;transform:translate(0, 50px)}.tubebase__modal--on{opacity:1;transform:scaleX(1)}.tubebase__modal--on body{overflow:hidden !important}.tubebase__modal--on .tubebase__modal-wrapper>*{opacity:1;transform:translate(0, 0);transition:transform 0.5s, opacity 0.5s}.tubebase__modal--on .tubebase__modal-close{pointer-events:auto}.tubebase__pictures{display:grid;gap:40px;grid-template-columns:repeat(3, 1fr)}.tubebase__picture{width:100%;margin:0}.tubebase__picture img{width:100%;object-position:center center;object-fit:cover;aspect-ratio:4 / 3}.tubebase__picture figcaption{font-size:0.8em}.tubebase__picture figcaption::before{display:inline-block;margin-right:0.5em;content:"";border-bottom:0.5lh solid #047775;border-left:0.3lh solid transparent;border-right:0.3lh solid transparent}@media (max-width: 766px){.tubebase__modal-wrapper{gap:40px;overflow:auto}.tubebase__pictures{grid-template-columns:1fr;justify-items:center}.tubebase__picture{width:80%}}
