:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-carousel{width:100%;min-width:0;color:#171717;scroll-margin-top:90px}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-track{scroll-margin-top:90px}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-carousel .detail-track{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;overscroll-behavior-x:contain;padding:0 0 8px;align-items:stretch}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-track::-webkit-scrollbar{display:none}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-carousel .detail-slide{flex:0 0 calc((100% - 64px)/3.25);min-width:0;background:transparent;border:0;border-radius:0;display:block;scroll-snap-align:start;scroll-snap-stop:normal;overflow:hidden}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-slide>picture,:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-slide>.e605-motion{display:block;width:100%;aspect-ratio:1.45;margin:0;padding:0;border-radius:10px 10px 0 0;overflow:hidden;background:#f4f4f4}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-slide>img,:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-slide picture img,:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-slide video{display:block;width:100%;height:auto;aspect-ratio:1.45;object-fit:cover;margin:0;border-radius:10px 10px 0 0}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-slide .e605-motion video{height:100%;border-radius:0}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-slide>div:not(.e605-motion){padding:20px 0 0;background:transparent}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-carousel h3{font-family:var(--font);font-size:20px;font-weight:700;font-style:normal;line-height:1.35;letter-spacing:normal;margin:0 0 10px;color:#171717}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-carousel p{font-family:var(--font);font-size:16px;line-height:1.6;color:#333;margin:0}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-controls[hidden]{display:none}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-dots,:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-arrows{display:flex;align-items:center;gap:8px}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-dots button{display:grid;place-items:center;width:24px;height:32px;border:0;padding:0;background:none;cursor:pointer}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-dots button:before{content:"";width:7px;height:7px;border-radius:50%;background:#cecece}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-dots button[aria-current=true]:before{background:#171717}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-arrows button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--cta,#b73708);color:#fff;font:400 30px/1 var(--font);cursor:pointer}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-arrows button:disabled{background:#f3b8a5;cursor:default}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-carousel :is(button,.detail-track):focus-visible{outline:3px solid #171717;outline-offset:3px}@media(max-width:1000px){:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-carousel .detail-slide{flex-basis:calc((100% - 40px)/2.25)}}@media(max-width:700px){:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-carousel .detail-track{gap:16px}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-carousel .detail-slide{flex-basis:86%}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-carousel h3{font-size:20px}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-carousel p{font-size:16px}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-controls{margin-top:18px}:is(.mg-e405-details,.mg-e425-details,.mg-e605-details) .detail-slide>div:not(.e605-motion){padding-top:16px}}
/*# sourceMappingURL=/cdn/shop/t/217/assets/monument-detail-carousel.css.map */