:root{
  --gold:#C9A24A;--hat-red:#C62A2F;--hat-navy:#14235C;
  --spring:linear(0,.04,.142,.282,.441,.601,.751,.881,.987,1.066,1.121,1.152,1.164,1.16,1.145,1.124,1.098,1.071,1.046,1.024,1.006,.992,.982,.976,.973,.973,.975,.979,.983,.987,.991,.995,.998,1.001,1.003,1.004,1.004,1.003,1.002,1.001,1)
}
@supports not (transition-timing-function:linear(0,1)){:root{--spring:cubic-bezier(.34,1.56,.64,1)}}
#coverage-options .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#coverage-options .l2{color:#8E939A}
#coverage-options .rot{position:relative;display:inline-block;white-space:nowrap;vertical-align:bottom;height:1.06em;transition:width .6s var(--spring);color:#8E939A}
#coverage-options .word{display:inline-block;color:inherit}
#coverage-options .ch{display:inline-block;will-change:transform}
#coverage-options .measure{position:absolute;visibility:hidden;white-space:nowrap;left:0;top:0;color:inherit}
#coverage-options .hat{--d:.045em;position:absolute;left:50%;bottom:.80em;width:.6em;height:.678em;margin-left:-.3em;z-index:3;cursor:pointer;-webkit-tap-highlight-color:transparent}
#coverage-options .hat-root{position:absolute;inset:0;transform-origin:50% 50%}
#coverage-options .hat-tilt{position:absolute;inset:0;rotate:-9deg;transform-origin:50% 100%}
#coverage-options .hat svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#coverage-options .h-layer{position:absolute;inset:0;opacity:0;transition:transform .45s var(--spring) calc((3 - var(--k)) * .035s),opacity .18s linear calc(.22s + (3 - var(--k)) * .02s)}
#coverage-options .h-layer path{fill:none;stroke:#0F1B2D;stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-linejoin:round}
#coverage-options .h-front{position:absolute;inset:0;z-index:2;transition:transform .5s var(--spring)}
#coverage-options .h-squash{position:absolute;inset:0;transform-origin:50% 100%}
#coverage-options .hat.is-on .h-front{transform:translate(calc(var(--d) * -4),calc(var(--d) * -4));transition:transform .8s var(--spring)}
#coverage-options .hat.is-on .h-layer{opacity:1;transform:translate(calc(var(--d) * var(--k) * -1),calc(var(--d) * var(--k) * -1));transition:transform .8s var(--spring) calc((4 - var(--k)) * .05s),opacity .12s linear calc((4 - var(--k)) * .05s)}
#coverage-options .hat-r{fill:var(--hat-red)}
#coverage-options .hat-w{fill:#fff}
#coverage-options .hat-band{fill:var(--hat-navy)}
#coverage-options .hat-brim{fill:var(--hat-red)}
#coverage-options .hat-line{fill:none;stroke:#0F1B2D;stroke-width:2.6}
#coverage-options .hat-outline{fill:none;stroke:#0F1B2D;stroke-width:3.4;stroke-linejoin:round}
#coverage-options .mini-star{fill:#fff;transform-box:fill-box;transform-origin:center}
#coverage-options .pop .mini-star{animation:star-pop .6s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(var(--n) * .06s)}
@keyframes star-pop{0%{transform:scale(1)}45%{transform:scale(1.9) rotate(72deg)}100%{transform:scale(1) rotate(72deg)}}
#coverage-options .spark{position:absolute;width:.12em;height:.12em;left:50%;top:0;margin-left:-.06em;pointer-events:none;z-index:4}
#coverage-options .hat:focus-visible{outline:2px solid #B91C1C;outline-offset:5px}
@media(prefers-reduced-motion:reduce){#coverage-options .hat,#coverage-options .ch,#coverage-options .h-layer,#coverage-options .h-front{animation:none!important;transition:none!important}}