:root{--fire-rating-low:#399c4a;--fire-rating-moderate:#ffc629;--fire-rating-high:#f28e1e;--fire-rating-extreme:#a8272d;}.fire-rating-component{display:flex;flex-direction:column;}.fire-rating-component .rating-container{--top-cell-padding:48px;--bottom-cell-height:calc(48px + var(--bottom-cell-top-border) + var(--bottom-cell-bottom-border));--bottom-cell-top-border:6px;--bottom-cell-bottom-border:26px;flex:0 1 25%;flex-wrap:wrap;margin-bottom:.5rem;}.fire-rating-component .rating-container.active{height:200px;}.fire-rating-component .rating-container .top{width:100%;background-color:#000;color:#fff;text-align:center;text-transform:uppercase;padding-top:var(--top-cell-padding);padding-bottom:var(--top-cell-padding);}.fire-rating-component .rating-container .bottom{background-color:#000;height:var(--bottom-cell-height);border-top:var(--bottom-cell-top-border) solid;border-bottom:var(--bottom-cell-bottom-border) solid;}.fire-rating-component .rating-container .current-fire-rating .fire-rating-description{text-align:center;}.fire-rating-component .rating-container .current-fire-rating .fire-rating-description p:last-child{margin-bottom:0;}.fire-rating-component .rating-container .scene{width:100%;height:100%;perspective:600px;}.fire-rating-component .rating-container .scene:hover .flip-inner{transform:rotateY(180deg);}.fire-rating-component .rating-container .scene .flip-inner{width:100%;height:100%;position:relative;transition:transform .8s;transform-style:preserve-3d;display:flex;flex-direction:column;align-items:center;justify-content:center;}.fire-rating-component .rating-container .scene .flip-inner .flip-front,.fire-rating-component .rating-container .scene .flip-inner .flip-back{position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding-left:.5rem;padding-right:.5rem;}.fire-rating-component .rating-container .scene .flip-inner .flip-front{display:flex;flex-direction:column;align-items:center;}.fire-rating-component .rating-container .scene .flip-inner .flip-front svg{margin-bottom:.25rem;height:4rem;width:4rem;}.fire-rating-component .rating-container .scene .flip-inner .flip-back{transform:rotateY(180deg);}.fire-rating-component .rating-container.low .bottom{border-color:var(--fire-rating-low);}.fire-rating-component .rating-container.low.active .current-fire-rating{background-color:var(--fire-rating-low);}.fire-rating-component .rating-container.moderate .bottom{border-color:var(--fire-rating-moderate);}.fire-rating-component .rating-container.moderate.active .current-fire-rating{background-color:var(--fire-rating-moderate);color:#000 !important;}.fire-rating-component .rating-container.moderate.active .current-fire-rating svg .white-matte{fill:black;}.fire-rating-component .rating-container.high .bottom{border-color:var(--fire-rating-high);}.fire-rating-component .rating-container.high.active .current-fire-rating{background-color:var(--fire-rating-high);}.fire-rating-component .rating-container.extreme .bottom{border-color:var(--fire-rating-extreme);}.fire-rating-component .rating-container.extreme.active .current-fire-rating{background-color:var(--fire-rating-extreme);}@media(max-width:767px){.rating-container:not(.active){display:none;}}@media(min-width:768px){.fire-rating-component{flex-direction:row;}.fire-rating-component .rating-container{margin-bottom:0 !important;}.fire-rating-component .rating-container.active{height:240px;margin-top:-20px;}.fire-rating-component .current-fire-rating{font-size:smaller;}}@media(min-width:1200px){.current-fire-rating{font-size:initial !important;}}