.pswp{--pswp-bg:#000;--pswp-placeholder-bg:#222;--pswp-root-z-index:100000;--pswp-preloader-color:rgba(79, 79, 79, 0.4);--pswp-preloader-color-secondary:rgba(255, 255, 255, 0.9);--pswp-icon-color:#fff;--pswp-icon-color-secondary:#4f4f4f;--pswp-icon-stroke-color:#4f4f4f;--pswp-icon-stroke-width:2px;--pswp-error-text-color:var(--pswp-icon-color)}.pswp{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--pswp-root-z-index);display:none;touch-action:none;outline:0;opacity:.003;contain:layout style size;-webkit-tap-highlight-color:rgba(0,0,0,0)}.pswp:focus{outline:0}.pswp *{box-sizing:border-box}.pswp img{max-width:none}.pswp--open{display:block}.pswp,.pswp__bg{transform:translateZ(0);will-change:opacity}.pswp__bg{opacity:.005;background:var(--pswp-bg)}.pswp,.pswp__scroll-wrap{overflow:hidden}.pswp__scroll-wrap,.pswp__bg,.pswp__container,.pswp__item,.pswp__content,.pswp__img,.pswp__zoom-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.pswp__img,.pswp__zoom-wrap{width:auto;height:auto}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img{cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out}.pswp__container,.pswp__img,.pswp__button,.pswp__counter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__item{z-index:1;overflow:hidden}.pswp__hidden{display:none!important}.pswp__content{pointer-events:none}.pswp__content>*{pointer-events:auto}.pswp__error-msg-container{display:grid}.pswp__error-msg{margin:auto;font-size:1em;line-height:1;color:var(--pswp-error-text-color)}.pswp .pswp__hide-on-close{opacity:.005;will-change:opacity;transition:opacity var(--pswp-transition-duration) cubic-bezier(.4,0,.22,1);z-index:10}.pswp--ui-visible .pswp__hide-on-close{opacity:1}.pswp__button{position:relative;display:block;width:50px;height:60px;padding:0;margin:0;overflow:hidden;cursor:pointer;background:none;border:0;box-shadow:none;opacity:.85;-webkit-appearance:none;-webkit-touch-callout:none}.pswp--ui-visible .pswp__button:hover,.pswp--ui-visible .pswp__button:active,.pswp--ui-visible .pswp__button:focus{transition:none;padding:0;background:none;border:0;box-shadow:none;opacity:1}.pswp__button:disabled{opacity:.3;cursor:auto}.pswp__icn{fill:var(--pswp-icon-color);color:var(--pswp-icon-color-secondary)}.pswp__icn{position:absolute;top:14px;left:9px;width:32px;height:32px;overflow:hidden;pointer-events:none}.pswp__icn-shadow{stroke:var(--pswp-icon-stroke-color);stroke-width:var(--pswp-icon-stroke-width);fill:none}.pswp__icn:focus{outline:0}div.pswp__img--placeholder,.pswp__img--with-bg{background:var(--pswp-placeholder-bg)}.pswp__top-bar{position:absolute;left:0;top:0;width:100%;height:60px;display:flex;flex-direction:row;justify-content:flex-end;z-index:10;pointer-events:none!important}.pswp__top-bar>*{pointer-events:auto;will-change:opacity}.pswp__button--close{margin-right:6px}.pswp__button--arrow{position:absolute;top:0;width:75px;height:100px;top:50%;margin-top:-50px}.pswp__button--arrow:disabled{display:none;cursor:default}.pswp__button--arrow .pswp__icn{top:50%;margin-top:-30px;width:60px;height:60px;background:none;border-radius:0}.pswp--one-slide .pswp__button--arrow{display:none}.pswp--touch .pswp__button--arrow{visibility:hidden}.pswp--has_mouse .pswp__button--arrow{visibility:visible}.pswp__button--arrow--prev{right:auto;left:0}.pswp__button--arrow--next{right:0}.pswp__button--arrow--next .pswp__icn{left:auto;right:14px;transform:scale(-1,1)}.pswp__button--zoom{display:none}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__zoom-icn-bar-v{display:none}.pswp__preloader{position:relative;overflow:hidden;width:50px;height:60px;margin-right:auto}.pswp__preloader .pswp__icn{opacity:0;transition:opacity 0.2s linear;animation:pswp-clockwise 600ms linear infinite}.pswp__preloader--active .pswp__icn{opacity:.85}@keyframes pswp-clockwise{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.pswp__counter{height:30px;margin:15px 0 0 20px;font-size:14px;line-height:30px;color:var(--pswp-icon-color);text-shadow:1px 1px 3px var(--pswp-icon-color-secondary);opacity:.85}.pswp--one-slide .pswp__counter{display:none}.pswp__dynamic-caption{color:#ccc;position:absolute;width:100%;left:0;top:0;transition:opacity 120ms linear!important;line-height:1.5em}.pswp__dynamic-caption--aside,.pswp__dynamic-caption--below{opacity:1!important}.pswp-caption-content{display:none}.pswp__dynamic-caption a{color:#ccc}.pswp__dynamic-caption--faded{opacity:0!important}.pswp__dynamic-caption--aside{width:auto;max-width:300px;padding:20px 15px 20px 20px;margin-top:70px}.pswp__dynamic-caption--below{width:auto;max-width:700px;padding:15px 0 0}.pswp__dynamic-caption--on-hor-edge{padding-left:15px;padding-right:15px}.pswp__dynamic-caption--mobile{width:100%;top:auto;right:0;bottom:0;background:rgba(0,0,0,.5);padding:10px 15px}.pswp__caption,.pswp__caption__exif{padding-bottom:.5em}.pswp__caption__exif_camera{padding-left:1.5em;padding-right:.5em;white-space:nowrap;background-position:0 center;background-repeat:no-repeat;background-size:1.2em 1.2em;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2NjY2NjYyIgZD0ibTQsNWwzLDBsMiwtMmw2LDBsMiwybDMsMGEyLDIgMCAwIDEgMiwybDAsMTJhMiwyIDAgMCAxIC0yLDJsLTE2LDBhMiwyIDAgMCAxIC0yLC0ybDAsLTEyYTIsMiAwIDAgMSAyLC0ybTgsM2E1LDUgMCAwIDAgLTUsNWE1LDUgMCAwIDAgNSw1YTUsNSAwIDAgMCA1LC01YTUsNSAwIDAgMCAtNSwtNW0wLDJhMywzIDAgMCAxIDMsM2EzLDMgMCAwIDEgLTMsM2EzLDMgMCAwIDEgLTMsLTNhMywzIDAgMCAxIDMsLTN6Ii8+PC9zdmc+)}.pswp__caption__exif_lens{padding-left:1.5em;padding-right:.5em;white-space:nowrap;background-position:0 center;background-repeat:no-repeat;background-size:1.2em 1.2em;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDMwMCAzMDAiPjxwYXRoIGZpbGw9IiNjY2NjY2MiIGQ9Ik0yOTMuNzUsNTYuMjVIMjc1VjM3LjVjMC0zLjQ1Ni0yLjc5NC02LjI1LTYuMjUtNi4yNWgtMTAwYy0zLjQ1NiwwLTYuMjUsMi43OTQtNi4yNSw2LjI1djMxLjI1SDE1MFY2Mi41IGMwLTMuNDU2LTIuNzk0LTYuMjUtNi4yNS02LjI1aC04Ny41Yy0zLjQ1NiwwLTYuMjUsMi43OTQtNi4yNSw2LjI1djYuMjVINi4yNUMyLjc5NCw2OC43NSwwLDcxLjU0NCwwLDc1djE1MCBjMCwzLjQ1NiwyLjc5NCw2LjI1LDYuMjUsNi4yNUg1MHY2LjI1YzAsMy40NTYsMi43OTQsNi4yNSw2LjI1LDYuMjVoODcuNWMzLjQ1NiwwLDYuMjUtMi43OTQsNi4yNS02LjI1di02LjI1aDEyLjV2MzEuMjUgYzAsMy40NTYsMi43OTQsNi4yNSw2LjI1LDYuMjVoMTAwYzMuNDU2LDAsNi4yNS0yLjc5NCw2LjI1LTYuMjV2LTE4Ljc1aDE4Ljc1YzMuNDU2LDAsNi4yNS0yLjc5NCw2LjI1LTYuMjV2LTE3NSBDMzAwLDU5LjA0NCwyOTcuMjA2LDU2LjI1LDI5My43NSw1Ni4yNXogTTEyLjUsMjE4Ljc1VjgxLjI1SDUwdjEzNy41SDEyLjV6IE0xMzcuNSwyMzEuMjVoLTc1VjIyNVY3NXYtNi4yNWg3NVYyMzEuMjV6IE0xNTAsMjE4Ljc1VjgxLjI1aDEyLjV2MTM3LjVIMTUweiBNMjYyLjUsMjU2LjI1SDE3NVY0My43NWg4Ny41VjYyLjV2MTc1VjI1Ni4yNXogTTI4Ny41LDIzMS4yNUgyNzVWNjguNzVoMTIuNVYyMzEuMjV6Ii8+PHBhdGggZmlsbD0iI2NjY2NjYyIgZD0iTTIzNy41LDY4Ljc1SDIwMGMtMy40NTYsMC02LjI1LDIuNzk0LTYuMjUsNi4yNXMyLjc5NCw2LjI1LDYuMjUsNi4yNWgzNy41YzMuNDU2LDAsNi4yNS0yLjc5NCw2LjI1LTYuMjUgUzI0MC45NTYsNjguNzUsMjM3LjUsNjguNzV6Ii8+PHBhdGggZmlsbD0iI2NjY2NjYyIgZD0iTTIzNy41LDkzLjc1SDIwMGMtMy40NTYsMC02LjI1LDIuNzk0LTYuMjUsNi4yNXMyLjc5NCw2LjI1LDYuMjUsNi4yNWgzNy41YzMuNDU2LDAsNi4yNS0yLjc5NCw2LjI1LTYuMjUgUzI0MC45NTYsOTMuNzUsMjM3LjUsOTMuNzV6Ii8+PHBhdGggZmlsbD0iI2NjY2NjYyIgZD0iTTIzNy41LDExOC43NUgyMDBjLTMuNDU2LDAtNi4yNSwyLjc5NC02LjI1LDYuMjVzMi43OTQsNi4yNSw2LjI1LDYuMjVoMzcuNWMzLjQ1NiwwLDYuMjUtMi43OTQsNi4yNS02LjI1IFMyNDAuOTU2LDExOC43NSwyMzcuNSwxMTguNzV6Ii8+PHBhdGggZmlsbD0iI2NjY2NjYyIgZD0iTTIzNy41LDE0My43NUgyMDBjLTMuNDU2LDAtNi4yNSwyLjc5NC02LjI1LDYuMjVzMi43OTQsNi4yNSw2LjI1LDYuMjVoMzcuNWMzLjQ1NiwwLDYuMjUtMi43OTQsNi4yNS02LjI1IFMyNDAuOTU2LDE0My43NSwyMzcuNSwxNDMuNzV6Ii8+PHBhdGggZmlsbD0iI2NjY2NjYyIgZD0iTTIzNy41LDE2OC43NUgyMDBjLTMuNDU2LDAtNi4yNSwyLjc5NC02LjI1LDYuMjVzMi43OTQsNi4yNSw2LjI1LDYuMjVoMzcuNWMzLjQ1NiwwLDYuMjUtMi43OTQsNi4yNS02LjI1IFMyNDAuOTU2LDE2OC43NSwyMzcuNSwxNjguNzV6Ii8+PHBhdGggZmlsbD0iI2NjY2NjYyIgZD0iTTIzNy41LDE5My43NUgyMDBjLTMuNDU2LDAtNi4yNSwyLjc5NC02LjI1LDYuMjVzMi43OTQsNi4yNSw2LjI1LDYuMjVoMzcuNWMzLjQ1NiwwLDYuMjUtMi43OTQsNi4yNS02LjI1IFMyNDAuOTU2LDE5My43NSwyMzcuNSwxOTMuNzV6Ii8+PHBhdGggZmlsbD0iI2NjY2NjYyIgZD0iTTIzNy41LDIxOC43NUgyMDBjLTMuNDU2LDAtNi4yNSwyLjc5NC02LjI1LDYuMjVzMi43OTQsNi4yNSw2LjI1LDYuMjVoMzcuNWMzLjQ1NiwwLDYuMjUtMi43OTQsNi4yNS02LjI1IFMyNDAuOTU2LDIxOC43NSwyMzcuNSwyMTguNzV6Ii8+PHJlY3QgZmlsbD0iI2NjY2NjYyIgeD0iNzUiIHk9IjgxLjI1IiB3aWR0aD0iNTAiIGhlaWdodD0iMTIuNSIvPjxyZWN0IGZpbGw9IiNjY2NjY2MiIHg9Ijc1IiB5PSIxMDYuMjUiIHdpZHRoPSI1MCIgaGVpZ2h0PSIxMi41Ii8+PHJlY3QgZmlsbD0iI2NjY2NjYyIgeD0iNzUiIHk9IjEzMS4yNSIgd2lkdGg9IjUwIiBoZWlnaHQ9IjEyLjUiLz48cmVjdCBmaWxsPSIjY2NjY2NjIiB4PSI3NSIgeT0iMTU2LjI1IiB3aWR0aD0iNTAiIGhlaWdodD0iMTIuNSIvPjxyZWN0IGZpbGw9IiNjY2NjY2MiIHg9Ijc1IiB5PSIxODEuMjUiIHdpZHRoPSI1MCIgaGVpZ2h0PSIxMi41Ii8+PHJlY3QgZmlsbD0iI2NjY2NjYyIgeD0iNzUiIHk9IjIwNi4yNSIgd2lkdGg9IjUwIiBoZWlnaHQ9IjEyLjUiLz48L3N2Zz4=)}.pswp__caption__exif_focal{padding-left:1.5em;padding-right:.5em;white-space:nowrap;background-position:0 center;background-repeat:no-repeat;background-size:1.2em 1.2em;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjY2NjY2NjIiBkPSJNMTIgNi41YzMuNzkgMCA3LjE3IDIuMTMgOC44MiA1LjUtMS42NSAzLjM3LTUuMDIgNS41LTguODIgNS41UzQuODMgMTUuMzcgMy4xOCAxMkM0LjgzIDguNjMgOC4yMSA2LjUgMTIgNi41bTAtMkM3IDQuNSAyLjczIDcuNjEgMSAxMmMxLjczIDQuMzkgNiA3LjUgMTEgNy41czkuMjctMy4xMSAxMS03LjVjLTEuNzMtNC4zOS02LTcuNS0xMS03LjV6bTAgNWMxLjM4IDAgMi41IDEuMTIgMi41IDIuNXMtMS4xMiAyLjUtMi41IDIuNS0yLjUtMS4xMi0yLjUtMi41IDEuMTItMi41IDIuNS0yLjVtMC0yYy0yLjQ4IDAtNC41IDIuMDItNC41IDQuNXMyLjAyIDQuNSA0LjUgNC41IDQuNS0yLjAyIDQuNS00LjUtMi4wMi00LjUtNC41LTQuNXoiPjwvcGF0aD48L3N2Zz4K)}.pswp__caption__exif_shutter{padding-left:1.5em;padding-right:.5em;white-space:nowrap;background-position:0 center;background-repeat:no-repeat;background-size:1.2em 1.2em;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjY2NjY2NjIiBkPSJNMTUgMUg5djJoNlYxem00LjAzIDYuMzlsMS40Mi0xLjQyYy0uNDMtLjUxLS45LS45OS0xLjQxLTEuNDFsLTEuNDIgMS40MkMxNi4wNyA0Ljc0IDE0LjEyIDQgMTIgNGMtNC45NyAwLTkgNC4wMy05IDlzNC4wMiA5IDkgOSA5LTQuMDMgOS05YzAtMi4xMi0uNzQtNC4wNy0xLjk3LTUuNjF6TTEyIDIwYy0zLjg3IDAtNy0zLjEzLTctN3MzLjEzLTcgNy03IDcgMy4xMyA3IDctMy4xMyA3LTcgN3ptLS4zMi01SDYuMzVjLjU3IDEuNjIgMS44MiAyLjkyIDMuNDEgMy41NmwtLjExLS4wNiAyLjAzLTMuNXptNS45Ny00Yy0uNTctMS42LTEuNzgtMi44OS0zLjM0LTMuNTRMMTIuMjYgMTFoNS4zOXptLTcuMDQgNy44M2MuNDUuMTEuOTEuMTcgMS4zOS4xNyAxLjM0IDAgMi41Ny0uNDUgMy41Ny0xLjE5bC0yLjExLTMuOS0yLjg1IDQuOTJ6TTcuNTUgOC45OUM2LjU5IDEwLjA1IDYgMTEuNDYgNiAxM2MwIC4zNC4wNC42Ny4wOSAxaDQuNzJMNy41NSA4Ljk5em04Ljc5IDguMTRDMTcuMzcgMTYuMDYgMTggMTQuNiAxOCAxM2MwLS4zNC0uMDQtLjY3LS4wOS0xaC00LjM0bDIuNzcgNS4xM3ptLTMuMDEtOS45OEMxMi45IDcuMDYgMTIuNDYgNyAxMiA3Yy0xLjQgMC0yLjY5LjQ5LTMuNzEgMS4yOWwyLjMyIDMuNTYgMi43Mi00Ljd6Ij48L3BhdGg+PC9zdmc+Cg==)}.pswp__caption__exif_fstop{padding-left:1.5em;padding-right:.5em;white-space:nowrap;background-position:0 center;background-repeat:no-repeat;background-size:1.2em 1.2em;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjY2NjY2NjIiBkPSJNOS40IDEwLjVsNC43Ny04LjI2QzEzLjQ3IDIuMDkgMTIuNzUgMiAxMiAyYy0yLjQgMC00LjYuODUtNi4zMiAyLjI1bDMuNjYgNi4zNS4wNi0uMXpNMjEuNTQgOWMtLjkyLTIuOTItMy4xNS01LjI2LTYtNi4zNEwxMS44OCA5aDkuNjZ6bS4yNiAxaC03LjQ5bC4yOS41IDQuNzYgOC4yNUMyMSAxNi45NyAyMiAxNC42MSAyMiAxMmMwLS42OS0uMDctMS4zNS0uMi0yek04LjU0IDEybC0zLjktNi43NUMzLjAxIDcuMDMgMiA5LjM5IDIgMTJjMCAuNjkuMDcgMS4zNS4yIDJoNy40OWwtMS4xNS0yem0tNi4wOCAzYy45MiAyLjkyIDMuMTUgNS4yNiA2IDYuMzRMMTIuMTIgMTVIMi40NnptMTEuMjcgMGwtMy45IDYuNzZjLjcuMTUgMS40Mi4yNCAyLjE3LjI0IDIuNCAwIDQuNi0uODUgNi4zMi0yLjI1bC0zLjY2LTYuMzUtLjkzIDEuNnoiPjwvcGF0aD48L3N2Zz4=)}.pswp__caption__exif_iso{padding-left:1.5em;padding-right:.5em;white-space:nowrap;background-position:0 center;background-repeat:no-repeat;background-size:1.2em 1.2em;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjY2NjY2NjIiBkPSJNMTkgM0g1Yy0xLjEgMC0yIC45LTIgMnYxNGMwIDEuMS45IDIgMiAyaDE0YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6TTUuNSA3LjVoMnYtMkg5djJoMlY5SDl2Mkg3LjVWOWgtMlY3LjV6TTE5IDE5SDVMMTkgNXYxNHptLTItMnYtMS41aC01VjE3aDV6Ij48L3BhdGg+PC9zdmc+Cg==)}.pswp__caption__exif_datetime{padding-left:1.5em;white-space:nowrap;background-position:0 center;background-repeat:no-repeat;background-size:1.2em 1.2em;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2NjY2NjYyIgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzIiIGQ9Im0yMC44NDM4MywzLjM5NjkybC0zLjc2NDI0LDBsMCwtMC41NjY2MmMwLC0wLjMxNzIxIC0wLjI1NzI3LC0wLjU3NDQ3IC0wLjU3NDQ3LC0wLjU3NDQ3cy0wLjU3NDQ3LDAuMjU3MjcgLTAuNTc0NDcsMC41NzQ0N2wwLDAuNTY2NjJsLTMuMzU2MTcsMGwwLC0wLjU2NjYyYzAsLTAuMzE3MjEgLTAuMjU3MjcsLTAuNTc0NDcgLTAuNTc0NDcsLTAuNTc0NDdzLTAuNTc0NDcsMC4yNTcyNyAtMC41NzQ0NywwLjU3NDQ3bDAsMC41NjY2MmwtMy4yMTM1MSwwbDAsLTAuNTY2NjJjMCwtMC4zMTcyMSAtMC4yNTcyNywtMC41NzQ0NyAtMC41NzQ0NywtMC41NzQ0N3MtMC41NzQ0NywwLjI1NzI3IC0wLjU3NDQ3LDAuNTc0NDdsMCwwLjU2NjYybC0zLjkwNjgsMGMtMC4zMTcyMSwwIC0wLjU3NDQ3LDAuMjU3MjcgLTAuNTc0NDcsMC41NzQ0N2wwLDEyLjk4MDQyYzAsMC4zMTcyMSAwLjI1NzI3LDAuNTc0NDcgMC41NzQ0NywwLjU3NDQ3bDMuNTI1OTMsMGMwLjU2NDk5LDIuNDE0MTMgMi43MzQwMiw0LjIxNzg4IDUuMzE3ODEsNC4yMTc4OHM0Ljc1MjgxLC0xLjgwMzg1IDUuMzE3ODEsLTQuMjE3ODhsMy41MjU5MywwYzAuMzE3MjEsMCAwLjU3NDQ3LC0wLjI1NzI3IDAuNTc0NDcsLTAuNTc0NDdsMCwtMTIuOTgwNDJjMC4wMDAxLC0wLjMxNzIxIC0wLjI1NzA4LC0wLjU3NDQ3IC0wLjU3NDM4LC0wLjU3NDQ3em0tMTMuNzgwNzYsMS4xNDg5NWwwLDAuNTE5MTNjMCwwLjMxNzIxIDAuMjU3MjcsMC41NzQ0NyAwLjU3NDQ3LDAuNTc0NDdzMC41NzQ0NywtMC4yNTcyNyAwLjU3NDQ3LC0wLjU3NDQ3bDAsLTAuNTE5MTNsMy4yMTM1MSwwbDAsMC41MTkxM2MwLDAuMzE3MjEgMC4yNTcyNywwLjU3NDQ3IDAuNTc0NDcsMC41NzQ0N3MwLjU3NDQ3LC0wLjI1NzI3IDAuNTc0NDcsLTAuNTc0NDdsMCwtMC41MTkxM2wzLjM1NjE3LDBsMCwwLjUxOTEzYzAsMC4zMTcyMSAwLjI1NzI3LDAuNTc0NDcgMC41NzQ0NywwLjU3NDQ3czAuNTc0NDcsLTAuMjU3MjcgMC41NzQ0NywtMC41NzQ0N2wwLC0wLjUxOTEzbDMuMTg5NzYsMGwwLDIuMzQ5MjFsLTE2LjUzODYyLDBsMCwtMi4zNDkyMWwzLjMzMjMzLDB6bTQuOTM2OTMsMTYuMDQ5MzZjLTIuMzc4NTEsMCAtNC4zMTM2MywtMS45MzUxMSAtNC4zMTM2MywtNC4zMTM2M3MxLjkzNTExLC00LjMxMzYzIDQuMzEzNjMsLTQuMzEzNjNzNC4zMTM2MywxLjkzNTAyIDQuMzEzNjMsNC4zMTM2M3MtMS45MzUwMiw0LjMxMzYzIC00LjMxMzYzLDQuMzEzNjN6bTUuNDYwMTgsLTQuMjE3ODhjMC4wMDA1NywtMC4wMzE5OCAwLjAwMjM5LC0wLjA2MzY3IDAuMDAyMzksLTAuMDk1NzVjMCwtMy4wMTIwNiAtMi40NTA1MSwtNS40NjI1NyAtNS40NjI1NywtNS40NjI1N3MtNS40NjI1NywyLjQ1MDUxIC01LjQ2MjU3LDUuNDYyNTdjMCwwLjAzMjA3IDAuMDAxOTEsMC4wNjM3NyAwLjAwMjM5LDAuMDk1NzVsLTIuODA5MTgsMGwwLC04LjMzMzIybDE2LjUzODYyLDBsMCw4LjMzMzIybC0yLjgwOTA4LDB6Ii8+PHBhdGggZmlsbD0iI2NjY2NjYyIgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzMiIGQ9Im0xMi41NzQ0NywxNi40MjY1NmwwLC0yLjc3OTExYzAsLTAuMzE3MjEgLTAuMjU3MjcsLTAuNTc0NDcgLTAuNTc0NDcsLTAuNTc0NDdzLTAuNTc0NDcsMC4yNTcyNyAtMC41NzQ0NywwLjU3NDQ3bDAsMy4wMTcxNGMwLDAuMTUyMzMgMC4wNjA1MSwwLjI5ODQ0IDAuMTY4MjMsMC40MDYyNWwxLjMyMDMzLDEuMzIwNDNjMC4xMTIyMSwwLjExMjEyIDAuMjU5MTgsMC4xNjgyMyAwLjQwNjI1LDAuMTY4MjNjMC4xNDY5NywwIDAuMjk0MDMsLTAuMDU2MTEgMC40MDYyNSwtMC4xNjgyM2MwLjIyNDMzLC0wLjIyNDMzIDAuMjI0MzMsLTAuNTg4MDcgMCwtMC44MTI0bC0xLjE1MjExLC0xLjE1MjN6Ii8+PC9zdmc+Cg==)}.pswp__dynamic-caption--overlay{position:absolute!important;bottom:0;top:initial;text-align:center;background:rgba(0,0,0,.7);padding-top:.5em}/** * WooCommerce product-page styles (radio-logic, issue #2 — Tier 1.2) * * 1. Restore list bullets inside the product description. The Bricks/Tailwind reset * sets `ul { list-style: none }` with no left padding, so authored bullet lists in * the product content render as unmarked lines. Re-enable markers, scoped to the * product-content element so other rich-text areas are untouched. * * 2. Style the structured size chart (.rl-size-chart) output by * Radio_Logic_Size_Chart — a clean, theme-neutral, mobile-scrollable table. */ /* --------------------------------------------------------------------------- * 1. Product description bullet / number lists * ------------------------------------------------------------------------- */ .brxe-product-content ul, .brxe-product-content ol { margin: 0 0 1em; padding-left: 1.5em; } .brxe-product-content ul { list-style: disc outside; } .brxe-product-content ol { list-style: decimal outside; } .brxe-product-content ul ul { list-style-type: circle; margin-bottom: 0; } .brxe-product-content ul ol, .brxe-product-content ol ul, .brxe-product-content ol ol { margin-bottom: 0; } .brxe-product-content li { display: list-item; margin: 0.25em 0; } /* Generic tables authored directly in the description (e.g. legacy hand-coded * size tables) get baseline styling so they don't render borderless. New charts * should use the structured field below, but this keeps existing content tidy. */ .brxe-product-content table { border-collapse: collapse; max-width: 100%; margin: 1em 0; } .brxe-product-content th, .brxe-product-content td { padding: 0.5em 0.85em; border: 1px solid rgba(0, 0, 0, 0.14); text-align: left; } .brxe-product-content thead th { background: rgba(0, 0, 0, 0.06); font-weight: 700; } /* --------------------------------------------------------------------------- * 2. Size chart * ------------------------------------------------------------------------- */ .rl-size-chart { margin: 1.5em 0; } /* Typography comes from the site's pre-set heading utilities (.line-on-top et al. * applied inline); here we only own the spacing below the heading. */ .rl-size-chart__title { margin: 0 0 0.75em; } /* Horizontal scroll container so wide charts never break the layout on mobile. */ .rl-size-chart__scroll { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .rl-size-chart__scroll:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; } .rl-size-chart__table { width: 100%; min-width: 18rem; margin: 0; /* override the generic .brxe-product-content table margin when placed via shortcode */ border-collapse: collapse; font-size: 0.95rem; text-align: left; } .rl-size-chart__table th, .rl-size-chart__table td { padding: 0.5em 0.85em; border: 1px solid rgba(0, 0, 0, 0.14); white-space: nowrap; } .rl-size-chart__table thead th { background: rgba(0, 0, 0, 0.06); font-weight: 700; } /* Row-header (the size label) reads a touch stronger than the measurements. */ .rl-size-chart__table tbody th { font-weight: 600; } .rl-size-chart__table tbody tr:nth-child(even) td, .rl-size-chart__table tbody tr:nth-child(even) th { background: rgba(0, 0, 0, 0.03); } .rl-size-chart__note { margin: 0.5em 0 0; font-size: 0.85rem; font-style: italic; opacity: 0.8; } /* =========================================================================== * SINGLE-PRODUCT BRAND STYLING * * Brings the shop product page in line with the Three D Radio brand: * 3. Grey summary text → black + brand typography * 4. Variation/add-on dropdown → a deliberate, branded control that stands out * 5. Quantity stepper → roomier, boxed, on-brand * * All rules are scoped to `body.single-product` so the shop archive / taxonomy * pages (where this stylesheet also loads) are untouched. Selectors are * intentionally more specific than the Bricks parent-theme integration CSS * (`themes/bricks/.../integrations/woocommerce.min.css`) and the Tailwind brand * layer (`bricks-tailwind-rebuild/.../output.css`) so they win the cascade * regardless of stylesheet load order — no `!important` needed. * * Brand tokens (from bricks-tailwind-rebuild/tailwind.config.js): * black #000 · nav-black #322E2D · sand #F2EBDA · brand-green #20B169 * heading font "Vina Sans" · UI/price font "Barlow Condensed" * ------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 3. Grey → black summary text + brand typography * ------------------------------------------------------------------------- */ /* Short description reads as solid black body copy. */ .single-product .summary .woocommerce-product-details__short-description, .single-product .woocommerce-product-details__short-description { color: #000; } /* Price "inc. GST" suffix → black instead of muted grey. */ .single-product .summary .price .woocommerce-price-suffix, .single-product .brxe-product-price .woocommerce-price-suffix { color: #000; } /* Product meta (categories / tags / SKU) — was faded grey. Not scoped to * `.summary` because the Bricks single-product template does not always wrap * these in a `.summary` element. */ .single-product .product_meta, .single-product .product_meta > span, .single-product .product_meta a { color: #000; } /* Struck-through regular price: darken from #9e9e9e to on-brand nav-black. * The line-through still distinguishes it from the live black price. */ .single-product .summary .price del, .single-product .brxe-product-price .price del { color: #322e2d; opacity: 1; } /* Stock status on brand: in-stock uses brand-green (echoes the header "LIVE" * accent). Not scoped to `.summary` — see note above. */ .single-product .stock.in-stock { color: #20b169; } /* Variation / add-on field labels → black, brand UI font, deliberate. */ .single-product form.cart table.variations th.label label, .single-product form.cart .wc-pao-addon-name, .single-product form.cart .wc-pao-addon-wrap label { color: #000; font-family: 'Barlow Condensed', system-ui; font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; } /* "Clear" reset link → black instead of faded default. */ .single-product form.cart table.variations .reset_variations { color: #000; } /* --------------------------------------------------------------------------- * 4. Dropdown — make it stand out, on brand * * Targets the native variation s inside the cart form. Overrides the brand layer's bare * `.brxe-product-add-to-cart form select { width: fit-content }`. * ------------------------------------------------------------------------- */ .single-product form.cart select, .single-product .brxe-product-add-to-cart form select { font-family: 'Barlow Condensed', system-ui; font-size: 1.05rem; line-height: 1.2; color: #000; width: 100%; min-width: 200px; max-width: 280px; height: 48px; margin: 0; padding: 0 44px 0 14px; background-color: #fff; border: 2px solid #000; border-radius: 4px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* on-brand black chevron */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 14px 14px; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .single-product form.cart select:hover { border-color: #20b169; } .single-product form.cart select:focus, .single-product form.cart select:focus-visible { outline: none; border-color: #20b169; box-shadow: 0 0 0 3px rgba(32, 177, 105, 0.25); } /* --------------------------------------------------------------------------- * 5. Quantity stepper — roomier, boxed, on brand * * Rebuilds the parent theme's thin, faded three-box stepper into a single * bordered, rounded control with clear black +/- buttons and generous height. * ------------------------------------------------------------------------- */ .single-product form.cart .quantity { display: flex; align-items: stretch; width: 170px; max-width: 100%; height: 48px; color: #000; background-color: #fff; border: 2px solid #000; border-radius: 4px; overflow: hidden; } .single-product form.cart .quantity input.qty { flex: 1; min-width: 0; width: auto; height: auto; padding: 0 4px; border: 0; background-color: transparent; font-family: 'Barlow Condensed', system-ui; font-size: 1.15rem; line-height: 44px; color: #000; text-align: center; } .single-product form.cart .quantity .minus, .single-product form.cart .quantity .plus { width: 46px; border: 0; opacity: 1; color: #000; background-color: #fff; transition: background-color 0.15s ease; } /* Divider lines between the buttons and the number field. */ .single-product form.cart .quantity .minus { border-right: 2px solid #000; } .single-product form.cart .quantity .plus { border-left: 2px solid #000; } .single-product form.cart .quantity .minus svg, .single-product form.cart .quantity .plus svg { stroke: #000; } .single-product form.cart .quantity .minus:hover, .single-product form.cart .quantity .plus:hover { background-color: #000; } .single-product form.cart .quantity .minus:hover svg, .single-product form.cart .quantity .plus:hover svg { stroke: #fff; }