.prd-TemperatureDial{position:relative;display:flex;overflow:hidden}.prd-TemperatureDial:after{content:"";display:block;width:0;padding-top:100%}.prd-TemperatureDial_Gauge{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.prd-TemperatureDial_Stroke{stroke-dasharray:785;stroke-dashoffset:785;transform:rotate(-90deg);transform-origin:50% 50%}.prd-TemperatureDial-animate .prd-TemperatureDial_Stroke{animation:fillGauge 2s linear forwards}@keyframes fillGauge{0%{stroke-dashoffset:785}to{stroke-dashoffset:var(--GaugeAmount)}}.prd-TemperatureDial_Arrow{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;transform-origin:50% 50%}.prd-TemperatureDial-animate .prd-TemperatureDial_Arrow{animation:spinArrow 2s linear forwards}@keyframes spinArrow{0%{transform:rotate(0)}to{transform:rotate(var(--ArrowRotate))}}.prd-TemperatureDial_Items{grid-auto-rows:1fr;display:grid;width:64%}.prd-TemperatureDial_Item{align-items:flex-end;justify-content:center;display:flex;overflow:hidden}.prd-TemperatureDial_Item:nth-of-type(2n){align-items:flex-start;border-top:1px solid var(--Color_Grey-2)}.prd-TemperatureDial_Content{position:absolute;top:0;left:0;z-index:3;align-items:center;justify-content:center;display:flex;width:100%;height:100%;text-align:center}.prd-TemperatureDial_Temp{font-family:var(--Font_Family-gtAmericaMono);font-size:15vw;font-weight:300;text-transform:uppercase;white-space:nowrap}@media only screen and (min-width: 768px){.prd-TemperatureDial_Temp{font-size:4.5vw}}.prd-TemperatureDial_Celcius{font-size:6vw}@media only screen and (min-width: 768px){.prd-TemperatureDial_Celcius{font-size:2vw}}.prd-TemperatureDial_Words{width:100%;padding-top:.5vw;text-align:center;transform:translateY(-100%);transition:transform 2s ease .3s}.prd-TemperatureDial-animate .prd-TemperatureDial_Words{transform:none}.prd-TemperatureDial_Word{margin-top:2vw;font-family:var(--Font_Family-gtAmericaMono);font-size:4vw;font-weight:400;letter-spacing:.2em;line-height:1.2em;text-transform:uppercase;opacity:1;transition:opacity 2s ease .3s}.prd-TemperatureDial-animate .prd-TemperatureDial_Word{opacity:var(--EndOpacity)}@media only screen and (min-width: 768px){.prd-TemperatureDial_Word{margin-top:.8vw;font-size:1vw}}
/*# sourceMappingURL=/cdn/shop/t/767/assets/product-temperature-dial.css.map */