.shop-look-calendar--area{position:relative}.shop-look-calendar--area img{width:100%}.shop-look-calendar--mobile{display:block}@media only screen and (min-width: 769px){.shop-look-calendar--mobile{display:none}}.shop-look-calendar--mobile .thb-placeholder{height:500px}.shop-look-calendar--desktop{display:none}@media only screen and (min-width: 769px){.shop-look-calendar--desktop{display:block}}.shop-look-calendar--desktop .thb-placeholder{height:600px}.shop-look-calendar .thb-placeholder{background:var(--color-accent)}.shop-look-calendar .thb-placeholder svg{padding:50px;fill:var(--bg-body, #fff);opacity:.5}.shop-look-calendar .shop-look-calendar__day{position:absolute;width:var(--day-size, 60px);height:var(--day-size, 60px);z-index:20;-webkit-perspective:850px;perspective:850px;pointer-events:all}@media screen and (max-width: 768px){.shop-look-calendar .shop-look-calendar__day{width:var(--day-size-mobile, 50px);height:var(--day-size-mobile, 50px)}}.shop-look-calendar .shop-look-calendar__day .shop-look-calendar__overlay-wrapper{width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0;transform-origin:0;-webkit-perspective:850px;perspective:850px;text-align:center;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.15);box-shadow:0 0 10px #00000026;cursor:pointer;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;position:relative;background:var(--day-bg-parent);background-size:contain;background-repeat:no-repeat;border-radius:4px}.shop-look-calendar .shop-look-calendar__day .shop-look-calendar__inner-wrapper{width:calc(100% - 1px);height:calc(100% - 2px);position:absolute;top:0;left:0;z-index:-1;overflow:hidden;border:1px solid rgba(0,0,0,.21);display:inline-block;-webkit-transform-origin:50% 0;transform-origin:50% 0;opacity:0;margin:1px 1px 1px 0;-webkit-box-shadow:0 5px 5px rgba(0,0,0,.1);box-shadow:0 5px 5px #0000001a;cursor:pointer;border-radius:4px}.shop-look-calendar .shop-look-calendar__day .shop-look-calendar__inner-wrapper .inner-wrapper__image{height:100%;width:100%;pointer-events:none;-o-object-fit:contain;object-fit:contain}.shop-look-calendar .shop-look-calendar__day .shop-look-calendar__inner-wrapper .loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:none;-webkit-transform:none;transform:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#0000004d;border-radius:8px}.shop-look-calendar .shop-look-calendar__day .shop-look-calendar__inner-wrapper .loading-overlay svg{width:14px}.shop-look-calendar .shop-look-calendar__day .shop-look-calendar__inner-wrapper .loading-overlay svg circle{stroke:#fff}.shop-look-calendar .shop-look-calendar__day .shop-look-calendar__overlay-content{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.shop-look-calendar .shop-look-calendar__day .shop-look-calendar__overlay-content span{color:var(--bg-body);text-shadow:0px 0px 0 #2d2d2d,-1px -1px 0 #2d2d2d,1px -1px 0 #2d2d2d,-1px 1px 0 #2d2d2d,1px 1px 0 #2d2d2d;font-size:var(--day-text-size, 32px);line-height:1;display:inline-block;opacity:1}@media screen and (max-width: 768px){.shop-look-calendar .shop-look-calendar__day .shop-look-calendar__overlay-content span{font-size:var(--day-text-size-mobile, 24px)}}.shop-look-calendar .shop-look-calendar__day.enabled .shop-look-calendar__overlay-wrapper{cursor:pointer}@media (hover: hover) and (pointer: fine){.shop-look-calendar .shop-look-calendar__day.enabled:hover .shop-look-calendar__overlay-wrapper{background-color:var(--light-up-bg-color);-webkit-box-shadow:0 0 var(--light-up-glow-radius, 25px) var(--light-up-glow-color),0 0 calc(var(--light-up-glow-radius, 25px) * 2) var(--light-up-glow-color);box-shadow:0 0 var(--light-up-glow-radius, 25px) var(--light-up-glow-color),0 0 calc(var(--light-up-glow-radius, 25px) * 2) var(--light-up-glow-color);-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.shop-look-calendar .shop-look-calendar__day.enabled:hover .shop-look-calendar__overlay-content span{color:var(--light-up-text-color);text-shadow:none;font-weight:700;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}}@media (hover: none) and (pointer: coarse){.shop-look-calendar .shop-look-calendar__day.enabled .shop-look-calendar__overlay-wrapper{-webkit-animation:subtle-glow 3s ease-in-out infinite;animation:subtle-glow 3s ease-in-out infinite}.shop-look-calendar .shop-look-calendar__day.enabled:active .shop-look-calendar__overlay-wrapper{background-color:var(--light-up-bg-color);-webkit-box-shadow:0 0 var(--light-up-glow-radius, 20px) var(--light-up-glow-color),0 0 calc(var(--light-up-glow-radius, 20px) * 2) var(--light-up-glow-color);box-shadow:0 0 var(--light-up-glow-radius, 20px) var(--light-up-glow-color),0 0 calc(var(--light-up-glow-radius, 20px) * 2) var(--light-up-glow-color);-webkit-transform:scale(.95);transform:scale(.95);-webkit-transition:all .1s ease-out;transition:all .1s ease-out}.shop-look-calendar .shop-look-calendar__day.enabled:active .shop-look-calendar__overlay-content span{color:var(--light-up-text-color);text-shadow:none;font-weight:700}}.shop-look-calendar .shop-look-calendar__day.enabled.loading .shop-look-calendar__inner-wrapper .loading-overlay{display:-webkit-box;display:-ms-flexbox;display:flex}.shop-look-calendar .shop-look-calendar__day:not(.enabled){opacity:.6;cursor:not-allowed}.shop-look-calendar .shop-look-calendar__day:not(.enabled) .shop-look-calendar__overlay-wrapper,.shop-look-calendar .shop-look-calendar__day:not(.enabled) .shop-look-calendar__inner-wrapper{cursor:not-allowed}@-webkit-keyframes subtle-glow{0%,to{-webkit-box-shadow:0 0 5px var(--light-up-glow-color);box-shadow:0 0 5px var(--light-up-glow-color)}50%{-webkit-box-shadow:0 0 15px var(--light-up-glow-color);box-shadow:0 0 15px var(--light-up-glow-color)}}@keyframes subtle-glow{0%,to{-webkit-box-shadow:0 0 5px var(--light-up-glow-color);box-shadow:0 0 5px var(--light-up-glow-color)}50%{-webkit-box-shadow:0 0 15px var(--light-up-glow-color);box-shadow:0 0 15px var(--light-up-glow-color)}}@-webkit-keyframes glow-pulse{0%,to{-webkit-box-shadow:0 0 var(--light-up-glow-radius, 20px) var(--light-up-glow-color, rgba(255, 255, 255, .8)),0 0 calc(var(--light-up-glow-radius, 20px) * 2) var(--light-up-glow-color, rgba(255, 255, 255, .6));box-shadow:0 0 var(--light-up-glow-radius, 20px) var(--light-up-glow-color, rgba(255, 255, 255, .8)),0 0 calc(var(--light-up-glow-radius, 20px) * 2) var(--light-up-glow-color, rgba(255, 255, 255, .6))}50%{-webkit-box-shadow:0 0 calc(var(--light-up-glow-radius, 30px) * 1.5) var(--light-up-glow-color, rgb(255, 255, 255)),0 0 calc(var(--light-up-glow-radius, 30px) * 3) var(--light-up-glow-color, rgba(255, 255, 255, .8));box-shadow:0 0 calc(var(--light-up-glow-radius, 30px) * 1.5) var(--light-up-glow-color, rgb(255, 255, 255)),0 0 calc(var(--light-up-glow-radius, 30px) * 3) var(--light-up-glow-color, rgba(255, 255, 255, .8))}}@keyframes glow-pulse{0%,to{-webkit-box-shadow:0 0 var(--light-up-glow-radius, 20px) var(--light-up-glow-color, rgba(255, 255, 255, .8)),0 0 calc(var(--light-up-glow-radius, 20px) * 2) var(--light-up-glow-color, rgba(255, 255, 255, .6));box-shadow:0 0 var(--light-up-glow-radius, 20px) var(--light-up-glow-color, rgba(255, 255, 255, .8)),0 0 calc(var(--light-up-glow-radius, 20px) * 2) var(--light-up-glow-color, rgba(255, 255, 255, .6))}50%{-webkit-box-shadow:0 0 calc(var(--light-up-glow-radius, 30px) * 1.5) var(--light-up-glow-color, rgb(255, 255, 255)),0 0 calc(var(--light-up-glow-radius, 30px) * 3) var(--light-up-glow-color, rgba(255, 255, 255, .8));box-shadow:0 0 calc(var(--light-up-glow-radius, 30px) * 1.5) var(--light-up-glow-color, rgb(255, 255, 255)),0 0 calc(var(--light-up-glow-radius, 30px) * 3) var(--light-up-glow-color, rgba(255, 255, 255, .8))}}@-webkit-keyframes pulsing{to{-webkit-transform:scale(1.75);transform:scale(1.75);opacity:0}}@keyframes pulsing{to{-webkit-transform:scale(1.75);transform:scale(1.75);opacity:0}}.shop-look-calendar-modal{position:fixed;z-index:999999;top:0;left:0;width:100%;height:100%;padding:60px 10px;background:rgba(var(--color-overlay-rgb),.3);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease-out,visibility .3s ease-out;transition:opacity .3s ease-out,visibility .3s ease-out}.shop-look-calendar-modal.is-hidden{display:none}.shop-look-calendar-modal:not(.is-hidden){opacity:1;visibility:visible}.shop-look-calendar-modal .shop-look-calendar-modal__content-inside{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.shop-look-calendar-modal .shop-look-calendar-modal__content-inside::-webkit-scrollbar{display:none}@media screen and (max-width: 768px){.shop-look-calendar-modal .shop-look-calendar-modal__content-inside{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.shop-look-calendar-modal .shop-look-calendar-modal__content{background:var(--bg-body);max-width:500px;position:absolute;width:90%;top:0;bottom:0;left:0;right:0;margin:auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:400px;max-height:80vh;-webkit-box-shadow:0px 0px 5px rgba(0,0,0,.1);box-shadow:0 0 5px #0000001a;border:10px solid var(--color-border);border-radius:20px;-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.shop-look-calendar-modal:not(.is-hidden) .shop-look-calendar-modal .shop-look-calendar-modal__content{-webkit-transform:scale(1);transform:scale(1)}.shop-look-calendar-modal .shop-look-calendar-modal__content img{max-height:380px;width:100%;height:100%;-o-object-fit:var(--img-fit, cover);object-fit:var(--img-fit, cover)}.shop-look-calendar-modal .shop-look-calendar-modal__content .shop-look-calendar-modal__title,.shop-look-calendar-modal .shop-look-calendar-modal__content .rte{padding:20px;margin-bottom:0}.shop-look-calendar-modal .shop-look-calendar-modal__content .shop-look-calendar-modal__title *:last-child,.shop-look-calendar-modal .shop-look-calendar-modal__content .rte *:last-child{margin-bottom:0}.shop-look-calendar-modal .shop-look-calendar-modal__content .button{margin:20px}.shop-look-calendar-modal .shop-look-calendar-modal-togger{position:absolute;top:0;right:0;-webkit-transform:translate(50px,-50px);transform:translate(50px,-50px);width:25px;height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#000000b3;border-radius:50%;cursor:pointer}.shop-look-calendar-modal .shop-look-calendar-modal-togger svg{width:15px;height:15px;fill:#fff;pointer-events:none}@media screen and (max-width: 768px){.shop-look-calendar-modal .shop-look-calendar-modal-togger{-webkit-transform:translate(10px,-50px);transform:translate(10px,-50px)}}
/*# sourceMappingURL=/cdn/shop/t/342/assets/shop-the-look-calendar.css.map */