.page-width{padding:0 1rem}.cyb-grid{max-width:1000px;margin:30px auto 60px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 768px){.cyb-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.cyb-grid{grid-template-columns:1fr}}@media (max-width: 480px){.cyb-grid-2-cols{grid-template-columns:repeat(2,1fr)}}.cyb--heading,.cyb--description{margin-bottom:0}.cyb__item--modal-link{cursor:pointer;color:#ff6a00}.cyb__item--modal-link:hover{text-decoration:underline}.submit-bar{position:fixed;bottom:0;left:0;width:100%;z-index:1;background-color:#fff;box-shadow:0 -4px 10px #0000001a;padding:10px;display:flex;justify-content:center;align-items:center}.modal{display:none;position:fixed;z-index:9999;max-width:300px;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 8px #0000001a}.modal__close{position:absolute;right:20px;top:20px;height:25px;width:25px;cursor:pointer}.modal-ingredients{max-height:800px;max-width:700px;overflow-y:auto}.modal-ingredients__item{padding-bottom:40px;border-bottom:2px solid #f2f2f2}.modal-ingredients__item:last-of-type{border-bottom:0}.modal-ingredients__heading{font-size:32px;text-transform:uppercase;text-align:left;margin-bottom:40px}.modal-ingredients__heading strong{font-weight:900}.modal-ingredients__wrapper{display:flex;position:relative}.modal-ingredients__image{position:relative;width:100%;min-width:300px;max-width:300px}.modal-ingredients__image img{width:100%;height:100%;margin-top:-20px;margin-right:-40px}.modal-ingredients__image:before{content:"";position:absolute;display:block;z-index:-1;background:#000;width:100%;height:100%}.modal-ingredients__content{margin-left:60px;height:100%;text-align:left}.modal-ingredients__heading--solid{display:inline-block;background:#000;color:#fff;text-transform:uppercase;padding:5px 10px;font-size:26px;margin:0}.modal-ingredients__content ul{font-size:20px;list-style:none}.modal-ingredients__content li{display:flex;align-items:center}.modal-ingredients__content li:before{content:"";display:block;font-weight:700;width:1em;height:1em;border-radius:50%;border:2px solid black;margin-left:-2em;margin-right:10px}.modal-ingredients__content p{font-size:15px;text-align:left;margin-top:50px}@media (max-width: 650px){.modal__close{position:sticky;margin-left:auto;right:0;z-index:9999;width:35px;height:35px;background:#fff;border-radius:9999px;padding:8px;box-shadow:0 3px 15px #0003}.modal-ingredients{max-width:100%;max-height:100vh;border-radius:none}.modal-ingredients__wrapper{flex-direction:column-reverse;justify-content:center}.modal-ingredients__content{margin-left:0;margin-bottom:40px}.modal-ingredients__image{max-width:240px;min-width:240px;margin:0 auto}}.modal-heading{text-align:center;font-size:18px;font-weight:600}.modal-content{text-align:center}.modal-buttons{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:20px}.modal-buttons button{margin-bottom:15px;width:100%}#overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;z-index:9998;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#smile-ui-container{display:none}.tooltip{position:relative;cursor:pointer;display:inline-block;border-bottom:1px dashed #ff6a00;color:#ff6a00;font-weight:600}.tooltip .tooltiptext{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:1;width:250px;top:100%;left:50%;margin-left:-125px}.tooltip:hover .tooltiptext{visibility:visible}.fa-spinner{margin-left:15px}.button--primary.disabled{pointer-events:none}#cyb_spinner_container{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9999;text-align:center;justify-content:center;align-items:center;flex-direction:column}.cyb_spinner_text{text-align:center;color:#fff;font-weight:600;font-size:20px}.cyb_spinner{width:32px;height:72px;display:flex;justify-content:center;align-items:center;position:relative;border:2px solid #FFF;box-sizing:border-box;animation:animloader 6s linear;color:#f60;border-radius:0 0 4px 4px;transform:perspective(140px) rotateX(-45deg);animation-fill-mode:forwards}@media (max-width: 480px){.cyb_experiment_hide--mobile{display:none!important}}@keyframes animloader{0%{box-shadow:0 0 inset}to{box-shadow:0 -70px inset}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/choose-your-box.css.map */