.hex-count-input{align-items:center;border:1px solid var(--hex-color-border);border-radius:8px;display:flex;justify-content:center;overflow:hidden;width:-moz-fit-content;width:fit-content}.hex-count-input--sm .hex-count-input__button{font-size:14px;padding:4px 8px}.hex-count-input--sm .hex-count-input__input{font-size:14px;padding:4px;width:32px}.hex-count-input__button{background-color:transparent;border:0;color:var(--hex-color-text-dark);cursor:pointer;font-size:16px;font-weight:600;padding:6px 12px}.hex-count-input__button.decrease{color:var(--hex-color-primary)}.hex-count-input__input{background-color:transparent;border:0;color:var(--hex-color-text-dark);flex:1;font-size:16px;font-weight:600;padding:6px;text-align:center;width:48px}.hex-count-input__input:focus{outline:none}.hex-drawer{height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease-in-out;visibility:hidden;width:100%;z-index:1000}.hex-drawer--xs.hex-drawer--left .hex-drawer__content,.hex-drawer--xs.hex-drawer--right .hex-drawer__content{width:300px}.hex-drawer--xs.hex-drawer--bottom .hex-drawer__content,.hex-drawer--xs.hex-drawer--top .hex-drawer__content{height:300px}.hex-drawer--sm.hex-drawer--left .hex-drawer__content,.hex-drawer--sm.hex-drawer--right .hex-drawer__content{width:400px}.hex-drawer--sm.hex-drawer--bottom .hex-drawer__content,.hex-drawer--sm.hex-drawer--top .hex-drawer__content{height:400px}.hex-drawer--md.hex-drawer--left .hex-drawer__content,.hex-drawer--md.hex-drawer--right .hex-drawer__content{width:500px}@media screen and (max-width:768px){.hex-drawer--md.hex-drawer--left .hex-drawer__content,.hex-drawer--md.hex-drawer--right .hex-drawer__content{width:90%}}.hex-drawer--md.hex-drawer--bottom .hex-drawer__content,.hex-drawer--md.hex-drawer--top .hex-drawer__content{height:500px}@media screen and (max-width:768px){.hex-drawer--md.hex-drawer--bottom .hex-drawer__content,.hex-drawer--md.hex-drawer--top .hex-drawer__content{height:90%}}.hex-drawer--lg.hex-drawer--left .hex-drawer__content,.hex-drawer--lg.hex-drawer--right .hex-drawer__content{width:600px}.hex-drawer--lg.hex-drawer--bottom .hex-drawer__content,.hex-drawer--lg.hex-drawer--top .hex-drawer__content{height:600px}.hex-drawer--xl.hex-drawer--left .hex-drawer__content,.hex-drawer--xl.hex-drawer--right .hex-drawer__content{width:700px}.hex-drawer--xl.hex-drawer--bottom .hex-drawer__content,.hex-drawer--xl.hex-drawer--top .hex-drawer__content{height:700px}.hex-drawer--xxl.hex-drawer--left .hex-drawer__content,.hex-drawer--xxl.hex-drawer--right .hex-drawer__content{width:800px}.hex-drawer--xxl.hex-drawer--bottom .hex-drawer__content,.hex-drawer--xxl.hex-drawer--top .hex-drawer__content{height:800px}.hex-drawer__mask{background:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%}.hex-drawer__content{background:var(--hex-color-background-light);display:flex;flex-direction:column;position:absolute;transition:all .4s ease-in-out}.hex-drawer__header{align-items:center;display:flex;justify-content:space-between;padding:16px}.hex-drawer__body{flex:1;overflow-y:auto;padding:16px}.hex-drawer__footer{align-items:center;display:flex;gap:8px;justify-content:flex-end;padding:16px}.hex-drawer--right .hex-drawer__content{height:100%;right:-100%;top:0}.hex-drawer--left .hex-drawer__content{height:100%;left:-100%;top:0}.hex-drawer--bottom .hex-drawer__content{bottom:-100%;left:0;width:100%}.hex-drawer--top .hex-drawer__content{left:0;top:-100%;width:100%}.hex-drawer--visible{opacity:1;visibility:visible}.hex-drawer--visible.hex-drawer--right .hex-drawer__content{right:0}.hex-drawer--visible.hex-drawer--left .hex-drawer__content{left:0}.hex-drawer--visible.hex-drawer--top .hex-drawer__content{top:0}.hex-drawer--visible.hex-drawer--bottom .hex-drawer__content{bottom:0}.hex-drawer--visible.hex-drawer--fullscreen .hex-drawer__content{height:100%;width:100%}.hex-price-counter{display:flex;flex-direction:column;gap:8px;width:-moz-fit-content;width:fit-content}.hex-price-counter--vertical{align-items:center;flex-direction:row}.hex-price-counter--vertical .hex-price-counter__title:after{content:":"}.hex-price-counter__title{color:var(--hex-color-text-dark);font-family:var(--hex-font-bold);font-size:16px}@media screen and (max-width:768px){.hex-price-counter__title{font-size:14px}}.hex-price-counter__price{align-items:center;display:flex;gap:8px}.hex-price-counter__price--value{color:var(--hex-color-success);font-size:20px}@media screen and (max-width:768px){.hex-price-counter__price--value{font-size:18px}}.hex-price-counter__price--currency{font-size:16px}@media screen and (max-width:768px){.hex-price-counter__price--currency{font-size:14px}}.hex-price-counter__price--credit{color:var(--hex-color-primary);font-size:14px}