:root{--main-image-width: 380px}.container{display:flex;flex-direction:column;align-items:center;padding:30px;position:relative;width:90%;max-width:900px;height:auto;touch-action:pan-y}@media(max-width:767px){.container{flex:1;min-height:0}.image-wrapper,.flip-card-inner,.image-hint-wrapper{height:100%}.image-hint-wrapper{width:fit-content}.main-image{height:100%;width:auto;max-width:100%}}@media(min-width:768px){.container{width:60%;max-width:1200px;padding:72px 30px}.flip-card-inner{min-height:var(--main-image-width)}}.image-hint-wrapper{position:relative;width:var(--main-image-width);max-width:100%;margin:0 auto}.image-wrapper{position:relative;width:100%;perspective:1000px}.flip-card-inner{position:relative;width:100%;transition:transform .8s ease-in-out}.flip-card-inner.is-flipped{transform:rotateY(180deg)}.main-image{width:100%;max-width:100%;height:auto;display:block;cursor:pointer;z-index:100;transition:opacity .35s ease}.main-image.is-loading{opacity:0}@keyframes hint-ripple{0%{transform:scale(.8);opacity:0}10%{opacity:.6}to{transform:scale(2.8);opacity:0}}.hint-dot{position:absolute;bottom:14px;right:14px;width:32px;height:32px;border-radius:50%;background-color:#ffffffbf;pointer-events:none;animation:hint-ripple .6s ease-out .5s 1;animation-fill-mode:both}.side-images-container{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;transform:rotateY(180deg);z-index:0;pointer-events:none}.side-images-container.slide-right{left:0;transform:rotateY(180deg);width:100%;pointer-events:auto}.info-card{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center;background-color:#e8e7e699;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.25'/%3E%3C/svg%3E");cursor:pointer}.side-image-slot{position:absolute;width:200px;height:40px}.side-image-shadow{position:absolute;left:4%;width:92%;top:23px;height:9px;background:radial-gradient(16px 6px at 11% 50%,#00000038,#0000 72%),radial-gradient(16px 6px at 89% 50%,#00000038,#0000 72%);filter:blur(1.6px);opacity:.62;pointer-events:none;z-index:1}.side-image-slot.bottom .side-image-shadow{top:8px}.side-image{width:100%;height:100%;transition:opacity .5s ease;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40'%3E%3Cpath fill='white' d='M8 0H192L193.8 2L192.2 5L194.7 9L193.1 12L193.9 16L191.2 19L193.9 24L192.2 28L193.1 31L191.2 35L192.9 38L192 40H8L7.1 38L7.8 34L6.2 30L7.8 26L7.1 21L8.9 17L7.1 13L8.9 9L7.8 6L8.9 3L8 0Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40'%3E%3Cpath fill='white' d='M8 0H192L193.8 2L192.2 5L194.7 9L193.1 12L193.9 16L191.2 19L193.9 24L192.2 28L193.1 31L191.2 35L192.9 38L192 40H8L7.1 38L7.8 34L6.2 30L7.8 26L7.1 21L8.9 17L7.1 13L8.9 9L7.8 6L8.9 3L8 0Z'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;filter:brightness(120%) saturate(110%);opacity:.8;position:relative;z-index:2}.side-image.show{opacity:1}.side-image-slot.top{top:-20px;left:50%;transform:translate(-50%)}.side-image-slot.bottom{bottom:-20px;left:50%;transform:translate(-50%)}.side-image-slot.left{top:50%;left:-100px;transform:translateY(-50%) rotate(-90deg)}.side-image-slot.right{top:50%;right:-100px;transform:translateY(-50%) rotate(90deg)}.image-info{color:#333;font-size:small}.caption{display:flex;flex-direction:column;align-items:center;justify-content:center;width:75%;max-height:80%;overflow-y:auto;color:#000;text-align:center;word-break:break-word;overflow-wrap:break-word;transition:opacity .5s ease;opacity:1}.description{text-align:justify}.medium{text-align:center;color:#555;font-size:smaller;margin-top:8px}.image-list-wrapper{width:96%;margin:0 auto;display:block;flex-shrink:0}.thumbnail-nav{display:flex;align-items:center}.thumb-arrow{flex-shrink:0;background:none;border:none;cursor:pointer;padding:8px 6px;display:flex;align-items:center;justify-content:center;user-select:none}.thumb-arrow:before{content:"";display:block;width:8px;height:22px;background-color:#ccc;transition:background-color .2s ease}.thumb-arrow-prev:before{clip-path:polygon(100% 0%,0% 50%,100% 100%)}.thumb-arrow-next:before{clip-path:polygon(0% 0%,100% 50%,0% 100%)}@media(hover:hover){.thumb-arrow:hover:before{background-color:#888}}.thumb-arrow:focus-visible:before{background-color:#888}.thumb-arrow:disabled{visibility:hidden}.thumbnail-scroll{flex:1;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:4px;padding:4px 0 8px}.thumbnail-scroll::-webkit-scrollbar{display:none}.image-item{flex-shrink:0;width:100px;height:auto;position:relative}.image-overlay-wrapper{position:relative;width:100px;height:100px;overflow:hidden;background-color:#b8b8b8}.image-overlay-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.image-overlay-wrapper:after{content:"";position:absolute;inset:0;background-color:#ffffffb3;opacity:1;transition:opacity .3s ease}@media(hover:hover){.image-item:hover .image-overlay-wrapper:after{opacity:0;cursor:pointer}}.image-item.selected .image-overlay-wrapper:after{opacity:0}@keyframes thumbnailFadeIn{0%{opacity:.3}to{opacity:1}}.image-item.selected img{animation:thumbnailFadeIn .3s ease forwards}@media(min-width:768px)and (min-height:500px),(min-height:700px)and (min-width:480px){.image-list-wrapper{flex:1;min-height:0;width:90%;max-width:900px}.thumbnail-nav{height:100%;align-items:flex-start}.thumb-arrow{display:none}.thumbnail-scroll{flex:1;min-height:0;height:100%;display:grid;grid-template-columns:repeat(auto-fill,100px);justify-content:center;align-content:flex-start;overflow-x:hidden;overflow-y:auto;gap:6px;padding:8px 0 16px;scrollbar-width:thin;scrollbar-color:#ccc transparent}.thumbnail-scroll::-webkit-scrollbar{width:4px}.thumbnail-scroll::-webkit-scrollbar-track{background:transparent}.thumbnail-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.image-item{width:100px}.image-overlay-wrapper{width:100px;height:100px}}.untitled-gallery{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:70px;height:calc(100dvh - 44px);box-sizing:border-box;overflow:clip;position:relative}.gallery-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f8f8f8;z-index:200;opacity:1;transition:opacity .5s ease;pointer-events:none}.gallery-loading--ready{opacity:0}.gallery-loading__spinner{width:32px;height:32px;border:2px solid rgba(28,64,53,.2);border-top-color:var(--color-primary);border-radius:50%;animation:gallery-spin .8s linear infinite}@keyframes gallery-spin{to{transform:rotate(360deg)}}@media(min-width:768px)and (min-height:500px),(min-height:700px)and (min-width:480px){.untitled-gallery{height:calc(100vh - 44px)}}