.image-carousel{display:flex;flex-direction:column;gap:8px}@media screen and (min-width:1025px){.image-carousel{flex-direction:row;gap:10px}}.image-carousel__main{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:0}@media screen and (min-width:1025px){.image-carousel__main{flex:1 1 auto;min-width:0;gap:12px}}.image-carousel__zoom{display:block;max-width:100%;margin:0 auto;padding:0;border:0;background:none;touch-action:pan-y pinch-zoom}.image-carousel__zoom[type=button]:not(:disabled){cursor:zoom-in}.image-carousel__image{display:block;width:500px;max-width:100%;min-width:0;aspect-ratio:1;margin:0 auto;object-fit:contain;background-color:#f0e8da}.image-carousel__dialog{display:flex;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:16px;border:0;overflow:auto;overscroll-behavior:contain;background:none;cursor:zoom-out}.image-carousel__dialog:not([open]){display:none}.image-carousel__dialog.is-panning{cursor:grabbing}.image-carousel__dialog::backdrop{background-color:rgba(0,0,0,.6)}.image-carousel__dialog-image{display:block;flex:none;width:1000px;max-width:none;min-width:0;aspect-ratio:1;margin:auto;object-fit:contain;background-color:#f0e8da;box-shadow:0 8px 32px rgba(0,0,0,.3);cursor:auto;user-select:none}.is-pannable .image-carousel__dialog-image{cursor:grab}.is-panning .image-carousel__dialog-image{cursor:grabbing}.image-carousel__dialog-close{position:fixed;top:16px;right:16px;z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #d1cabf;border-radius:50%;background-color:#faf7f2;box-shadow:0 2px 8px rgba(0,0,0,.2);color:#373a36;cursor:pointer}.image-carousel-zoomed{overflow:hidden}.image-carousel__caption{max-width:500px;font-family:"sofia-pro",sans-serif;font-size:14px;line-height:16px;text-align:center;color:#373a36}.image-carousel__nav{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid #d1cabf;border-radius:50%;background-color:#faf7f2;box-shadow:0 4px 8px rgba(10,10,10,.08);color:#373a36;transform:translateY(-50%);cursor:pointer}.image-carousel__nav--prev{left:20px}.image-carousel__nav--next{right:20px}@media screen and (min-width:1025px){.image-carousel__nav--prev{left:12px}.image-carousel__nav--next{right:12px}}.image-carousel__thumbs{display:flex;gap:8px;overflow-x:auto}@media screen and (min-width:1025px){.image-carousel__thumbs{order:-1;flex:0 0 85px;flex-direction:column;gap:10px;overflow-x:visible}}.image-carousel__thumbs--reserved{display:none}@media screen and (min-width:1025px){.image-carousel__thumbs--reserved{display:flex}}.image-carousel__thumb{flex:0 0 88px;width:88px;height:88px;padding:0;border:2px solid transparent;background-color:#f0e8da;cursor:pointer}.image-carousel__thumb img{display:block;width:100%;height:100%;object-fit:cover}.image-carousel__thumb.is-active{border-color:#124734}.image-carousel__thumb:focus{outline:2px solid #124734;outline-offset:-2px}.image-carousel__thumb:not(.is-active):hover img{opacity:.5}@media screen and (min-width:1025px){.image-carousel__thumb{flex-basis:85px;width:85px;height:85px}}.image-carousel--plain{gap:0}.image-carousel--plain .image-carousel__main{display:block;flex:none;width:fit-content;max-width:510px}.image-carousel--plain .image-carousel__image{width:auto;max-width:100%;aspect-ratio:auto;margin:0;background:none}.image-carousel--plain .image-carousel__nav{z-index:1;border:0;background-color:#f0e8da;box-shadow:0 2px 8px rgba(0,0,0,.15);color:#333;transition:all .2s ease}.image-carousel--plain .image-carousel__nav:hover{background-color:#f5f5f5;box-shadow:0 4px 12px rgba(0,0,0,.2)}.image-carousel--plain .image-carousel__nav--prev{left:16px}.image-carousel--plain .image-carousel__nav--next{right:16px}.image-carousel--plain .image-carousel__thumbs{flex-wrap:nowrap;gap:8px;margin-top:8px;overflow-y:hidden;scrollbar-width:none}.image-carousel--plain .image-carousel__thumbs::-webkit-scrollbar{display:none}.image-carousel--plain .image-carousel__thumb{flex:0 0 85px;width:85px;height:85px;overflow:hidden;border:0;background:none}.image-carousel--plain .image-carousel__thumb.is-active{outline:2px solid #124734;outline-offset:-2px}.image-carousel--plain .image-carousel__thumb img:hover{opacity:.5}@media screen and (min-width:600px){.image-carousel--plain{flex-direction:row;flex-shrink:0;column-gap:10px;height:510px}.image-carousel--plain .image-carousel__main{order:2;align-self:flex-start}.image-carousel--plain .image-carousel__thumbs{order:1;flex:0 0 85px;flex-direction:column;height:100%;margin-top:0;overflow-x:hidden;overflow-y:auto}}