.header-banner{width:100%;position:fixed;bottom:0;left:0;right:0;z-index:999;cursor:pointer}.header-banner__inner{width:100%;position:relative;display:block;line-height:0}.header-banner__picture{width:100%;height:auto;display:block}.header-banner__close{position:absolute;top:8px;right:8px;background-color:transparent;border:none;display:inline-block;width:1.5rem;height:1.5rem;background-color:#fff;border-radius:50%;color:#3c2c29;cursor:pointer;z-index:2}.header-banner__close,.header-banner__close:hover{-webkit-transition:all .2s ease;transition:all .2s ease}.header-banner__close:hover{color:#ed451f}.header-banner .event-banner__timer{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:8px;background:hsla(0,0%,100%,.051);border:1px solid hsla(0,0%,100%,.2);border-radius:.75rem;padding:.3125rem 1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:0;z-index:1;height:48px}.header-banner .event-banner__timer--white{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2)}.header-banner .event-banner__timer--black{background:rgba(60,44,41,.05);border:1px solid rgba(60,44,41,.15)}.header-banner .event-banner__timer-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:1rem}.header-banner .event-banner__timer-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:0}.header-banner .event-banner__timer-number{color:#fff;font-size:1rem;font-weight:700;line-height:1;text-align:center}.header-banner .event-banner__timer-number--white{color:#fff}.header-banner .event-banner__timer-number--black{color:#3c2c29}.header-banner .event-banner__timer-unit{color:#fff;font-size:.8125rem;font-weight:400;line-height:1;text-align:center;white-space:nowrap;max-width:3.125rem;opacity:.6}.header-banner .event-banner__timer-unit--white{color:#fff}.header-banner .event-banner__timer-unit--black{color:#3c2c29}.header-banner .event-banner__digit{position:relative;color:#fff;font-weight:600;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;-webkit-perspective:400px;perspective:400px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@media screen and (min-width:768px){.event-banner__timer{left:unset!important;right:26%;padding:.5rem;border-radius:.75rem;gap:.5rem;top:50%;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important;bottom:unset!important}}