[v-cloak]{display:block;padding:50px 0}
[v-cloak]:before{content:"";box-sizing:border-box;position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;border:2px solid #ccc;border-top-color:#333;animation:spinner 0.6s linear infinite;text-indent:100%;white-space:nowrap;overflow:hidden}
@keyframes spinner{to{transform:rotate(360deg)}}
[v-cloak]>*{display:none}
.bulk-orders{font-style:normal;font-weight:400;color:#212121}
.bulk-orders .page-title span{position:relative}
.bulk-orders .page-title span:before{content:'';width:37px;height:37px;background-color:#FED900;position:absolute;border-radius:50%;z-index:-1;left:-20px;top:-7px}
.bulk-orders .title{font-style:normal;font-weight:600;font-size:24px;line-height:30px;letter-spacing:-0.01em;color:#212121}
.bulk-orders .dropdown{background:#FFF;border:1.5px solid #F0F0F0;border-radius:5px;padding:1rem;font-weight:400;font-size:14px;line-height:14px;letter-spacing:-0.011em;color:#737475;cursor:pointer}
.bulk-orders .dropdown i{transform:rotate(90deg);font-weight:600;position:absolute;right:20px;color:#737475}
.bulk-orders .dropdown i.up{transform:rotate(270deg)}
.bulk-orders .label{font-style:normal;font-weight:400;font-size:12px;position:relative;line-height:14px;z-index:1;text-align:center;letter-spacing:-0.011em;color:#212121;top:11px;left:10px;background:white}
.bulk-orders .list{position:absolute;left:0;right:0;background:#FFF;border:1.5px solid #F0F0F0;border-radius:5px;padding:1rem;font-weight:400;font-size:14px;line-height:14px;letter-spacing:-0.011em;color:#737475;list-style-type:none;z-index:2;max-height:420px;overflow:auto}
.bulk-orders .list li{cursor:pointer;padding:1rem 0}
.bulk-orders .subtitle{font-size:14px;line-height:24px;text-align:center;letter-spacing:-0.006em}
.bulk-orders .summary{background-color:#F0F0F0;font-style:normal;font-weight:400;font-size:16px;line-height:12px;letter-spacing:-0.01em;color:#212121;display:flex;align-items:center;flex-wrap:wrap}
@media (min-width:992px){.bulk-orders .summary{padding-left:3rem !important;padding-right:3rem !important}}
.bulk-orders .summary-total{padding:1rem 0;margin:0;line-height:18px;display:flex}
@media (min-width:992px){.bulk-orders .summary-total{padding:1rem}}
.bulk-orders .summary-total div{min-width:140px}
@media (min-width:992px){.bulk-orders .summary-total div{min-width:180px}}
.bulk-orders .summary-total span{font-style:normal;font-weight:600;font-size:30px;letter-spacing:-0.022em}
@media (min-width:992px){.bulk-orders .summary-total span{font-size:32px}}
.bulk-orders .summary-unit,
.bulk-orders .summary-savings{padding:1rem 0;margin:0;display:flex}
@media (min-width:992px){.bulk-orders .summary-unit,.bulk-orders .summary-savings{padding:1rem}}
.bulk-orders .summary-unit div,
.bulk-orders .summary-savings div{min-width:180px}
.bulk-orders .summary-unit span,
.bulk-orders .summary-savings span{font-style:normal;font-weight:700;font-size:20px;letter-spacing:-0.01em;color:#212121}
.bulk-orders .modal{top:25%}
.bulk-orders .modal-header{justify-content:center}
.bulk-orders .modal-title{font-style:normal;font-weight:600;font-size:24px;line-height:30px;letter-spacing:-0.01em;color:#000}
.bulk-orders .modal-body{padding:2rem}
@media (min-width:992px){.bulk-orders .modal-dialog{min-width:600px}}
.bulk-orders .modal .description{font-size:14px;margin:0}
.bulk-orders .modal .btn-close{position:absolute;right:20px}
.bulk-orders .modal .quantity{background-color:#F0F0F0;padding:0.5rem}
.bulk-orders .modal .code{background:#E5F3F7;border-radius:300px;display:flex;padding:1rem;justify-content:center;flex-wrap:wrap;align-items:baseline}
.bulk-orders .modal .code .copy{color:#138aae;position:relative;border:1px dashed #999;border-radius:15px;background:#fff;padding:4px 7px;text-align:center;font-weight:500;font-size:18px;margin-left:1rem;cursor:pointer}
.bulk-orders .modal .code .copy:before{font-family:'colorland' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e944";position:absolute;bottom:-6px;color:#999;right:10px;display:block}
.bulk-orders .copy-text{font-size:1px;border:none;position:absolute;z-index:-1}
.bulk-orders .instruction{font-style:normal;font-weight:400;font-size:16px;line-height:32px;color:#212121}
.bulk-orders .instruction p{font-size:24px;font-weight:600}
.bulk-orders .instruction ol{padding-left:1rem}
#bulkOrders{position:relative}
input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:#D7D7D7;outline:none;margin:20px 0}
input[type=range]:focus{outline:none}
input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;animate:0.2s;background:#D7D7D7;border-radius:25px}
input[type=range]::-webkit-slider-thumb{height:24px;width:24px;border-radius:50%;background:#5BC9EA;cursor:pointer;-webkit-appearance:none;margin-top:-10px}
input[type=range]::-moz-range-thumb{height:24px;width:24px;border-radius:50%;background:#5BC9EA;cursor:pointer;margin-top:-10px}
input[type=range]:focus::-webkit-slider-runnable-track{background:#D7D7D7}
.range-wrap{position:relative;margin-top:3rem}
.range-value{position:absolute;top:-50%}
.range-value span{width:38px;height:30px;line-height:30px;text-align:center;background:#E5F3F7;color:black;font-size:15px;display:block;position:absolute;left:50%;top:-10px;transform:translate(-50%,0);border-radius:6px}
.range-value span:before{content:"";position:absolute;width:0;height:0;border-top:10px solid #E5F3F7;border-left:5px solid transparent;border-right:5px solid transparent;top:100%;left:50%;margin-left:-5px;margin-top:-1px}