
/* /website_aardwolf_v2/static/src/shared/css/pages/slab_storage.scss */
 .aw-v2.aw-slab{font: 12px "Lucida Grande", Arial, sans-serif; color: #000; background: #fff; padding: 24px 16px;}.aw-v2.aw-slab, .aw-v2.aw-slab *{font-family: "Lucida Grande", Arial, sans-serif !important;}.aw-v2.aw-slab [hidden]{display: none !important;}.aw-v2.aw-slab *, .aw-v2.aw-slab *::before, .aw-v2.aw-slab *::after{box-sizing: border-box;}.aw-v2.aw-slab h1, .aw-v2.aw-slab h2, .aw-v2.aw-slab h3, .aw-v2.aw-slab p, .aw-v2.aw-slab ol{margin: 0; padding: 0; font-family: inherit; line-height: normal; letter-spacing: normal;}.aw-v2.aw-slab p{padding: 8px 0;}.aw-v2.aw-slab h2{font-size: 14px; font-weight: bold; text-align: center;}.aw-v2.aw-slab button, .aw-v2.aw-slab input, .aw-v2.aw-slab select{font: inherit;}.aw-v2.aw-slab button{cursor: pointer;}.aw-v2.aw-slab a{color: #000;}.aw-v2.aw-slab a:hover{color: red;}.aw-v2.aw-slab button:focus-visible, .aw-v2.aw-slab a:focus-visible{outline: 2px solid #b71924; outline-offset: 3px;}.aw-v2.aw-slab input:focus, .aw-v2.aw-slab select:focus{outline: 1px solid #999; outline-offset: 1px; box-shadow: none;}.aw-v2.aw-slab .aw-slab__container{position: relative; width: 800px; max-width: 100%; min-height: 600px; margin: 0 auto; padding-bottom: 20px; border: 1px solid rgba(33, 33, 33, 0.6); background: white; scroll-margin-top: 130px;}.aw-v2.aw-slab .aw-slab__legacy-header{position: relative; height: 81px; background: url("/website_aardwolf_v2/static/src/images/slab_storage_legacy/bg_support.jpg") repeat-x top left; text-align: center;}.aw-v2.aw-slab .aw-slab__legacy-header h1{margin: 0; color: white; text-transform: uppercase; font: bold 26px/2.5 Arial, sans-serif;}.aw-v2.aw-slab .aw-slab__legacy-close{position: absolute; top: 24px; right: 37px; width: 47px; height: 17px; background: url("/website_aardwolf_v2/static/src/images/slab_storage_legacy/close.jpg") no-repeat center;}.aw-v2.aw-slab .aw-slab__home{text-align: center;}.aw-v2.aw-slab .aw-slab__home h2{font-size: 18px;}.aw-v2.aw-slab .aw-slab__categories{width: 300px; max-width: 100%; margin: 0 auto; text-align: left;}.aw-v2.aw-slab .aw-slab__category{display: block; width: 100%; padding: 0 0 0 58px; border: 0; background-color: transparent; color: black; text-align: left;}.aw-v2.aw-slab .aw-slab__category:hover{color: red;}.aw-v2.aw-slab .aw-slab__category--apps{height: 67px; background: url("/website_aardwolf_v2/static/src/images/slab_storage_legacy/Aardapps.png") no-repeat left center;}.aw-v2.aw-slab .aw-slab__category--calculator{height: 54px; background: url("/website_aardwolf_v2/static/src/images/slab_storage_legacy/calculation.jpg") no-repeat 8px center;}.aw-v2.aw-slab .aw-slab__dimension-step > h2{text-transform: uppercase;}.aw-v2.aw-slab .aw-slab__dimension-step > p{text-align: center;}.aw-v2.aw-slab .aw-slab__panel{width: 370px; max-width: calc(100% - 24px); margin: 0 auto;}.aw-v2.aw-slab .aw-slab__form-row{display: grid; grid-template-columns: 130px minmax(0, 1fr); padding-bottom: 10px; align-items: start;}.aw-v2.aw-slab .aw-slab__form-row > label, .aw-v2.aw-slab .aw-slab__form-row > strong{text-align: center; margin: 0; font-weight: bold; line-height: 20px;}.aw-v2.aw-slab select{width: 72px; height: 28px; padding: 0 8px; border: 0; border-radius: 5px; color: #6a6a6a; background: url("/website_aardwolf_v2/static/src/images/slab_storage_legacy/droplist.jpg") no-repeat left center; background-size: 72px 28px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}.aw-v2.aw-slab select option{color: black; background: white;}.aw-v2.aw-slab .aw-slab__dimension{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 15px; min-height: 28px;}.aw-v2.aw-slab .aw-slab__dimension + .aw-slab__dimension{margin-top: 6px;}.aw-v2.aw-slab .aw-slab__dimension label{margin: 0; font-weight: normal;}.aw-v2.aw-slab .aw-slab__dimension input, .aw-v2.aw-slab .aw-slab__dimension output{display: block; width: 95px; height: 28px; flex: 0 0 95px; border: 0; padding: 0 10px; border-radius: 0; line-height: 28px; background: url("/website_aardwolf_v2/static/src/images/slab_storage_legacy/textbox.jpg") no-repeat center; background-size: 95px 28px; color: black;}.aw-v2.aw-slab .aw-slab__dimension input{-webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield;}.aw-v2.aw-slab input::-webkit-inner-spin-button, .aw-v2.aw-slab input::-webkit-outer-spin-button{-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;}.aw-v2.aw-slab .aw-slab__actions{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 4px; margin: 0 auto; padding: 0;}.aw-v2.aw-slab .aw-slab__legacy-button{display: inline-block; width: 80px; height: 36px; padding: 0; border: 0; color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat;}.aw-v2.aw-slab .aw-slab__legacy-button--back{background-image: url("/website_aardwolf_v2/static/src/images/slab_storage_legacy/btn_back_en.jpg");}.aw-v2.aw-slab .aw-slab__legacy-button--next{background-image: url("/website_aardwolf_v2/static/src/images/slab_storage_legacy/btn_next_en.jpg");}.aw-v2.aw-slab .aw-slab__legacy-button--finish{background-image: url("/website_aardwolf_v2/static/src/images/slab_storage_legacy/btn_finish_en.jpg");}.aw-v2.aw-slab .aw-slab__results > h2{text-transform: uppercase; padding: 8px 0;}.aw-v2.aw-slab .aw-slab__results > [role=status]{text-align: center;}.aw-v2.aw-slab .aw-slab__post-groups{width: 70%; margin: 5px auto;}.aw-v2.aw-slab .aw-slab__post-group > h3{margin: 7px 0; padding: 4px 7px; background: black; color: #b2afac; font-size: 12px; text-transform: uppercase; font-weight: bold;}.aw-v2.aw-slab .aw-slab__cards{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 4px;}.aw-v2.aw-slab .aw-slab__card{display: grid; grid-template-columns: 122px minmax(0, 1fr); padding-bottom: 4px;}.aw-v2.aw-slab .aw-slab__card-media button{display: block; border: 0; padding: 0; background: transparent;}.aw-v2.aw-slab .aw-slab__card-media button:disabled{cursor: default;}.aw-v2.aw-slab .aw-slab__card-media img{display: block; width: 90px; height: 100px; object-fit: contain;}.aw-v2.aw-slab .aw-slab__card-body h3{padding: 4px 0; font-size: 12px; font-weight: normal;}.aw-v2.aw-slab .aw-slab__card-body h3 a{color: blue;}.aw-v2.aw-slab .aw-slab__card-body p{padding: 4px 0;}.aw-v2.aw-slab .aw-slab__capacity{padding: 4px 0;}.aw-v2.aw-slab .aw-slab__capacity strong{color: #f79646; font-weight: bold;}.aw-v2.aw-slab .aw-slab__purchase{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; gap: 8px; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 4px 0;}.aw-v2.aw-slab .aw-slab__purchase label{display: -webkit-box; display: -webkit-flex; display: flex; gap: 4px; align-items: center; margin: 0; font-weight: normal;}.aw-v2.aw-slab .aw-slab__purchase input{width: 35px; height: 22px; padding: 1px 3px; border: 1px solid #999; background: white;}.aw-v2.aw-slab .aw-slab__rail-hint{text-align: center;}.aw-v2.aw-slab .aw-slab__bases > h2{text-transform: uppercase; padding-bottom: 12px;}.aw-v2.aw-slab .aw-slab__bases > section{width: 50%; margin: 5px auto;}.aw-v2.aw-slab .aw-slab__quote-notice{margin: 12px 20px 0; text-align: center;}.aw-v2.aw-slab .aw-slab__quote-button{border: 1px solid #666; border-radius: 5px; padding: 5px 12px; background: linear-gradient(#777, #333); color: white;}.aw-v2.aw-slab .aw-slab__notes{margin: 15px 20px 0; border-top: 1px solid #999; text-align: left;}.aw-v2.aw-slab .aw-slab__notes h2{padding: 5px 0 10px; font-size: 12px;}.aw-v2.aw-slab .aw-slab__notes ol{padding-left: 0; list-style: decimal inside;}.aw-v2.aw-slab .aw-slab__notes li{padding: 3px 0; line-height: normal; list-style: decimal inside;}.aw-v2.aw-slab .aw-slab__diagram-link{padding: 3px 0; border: 0; background: none; color: #c00; text-align: left;}.aw-v2.aw-slab .aw-slab__error{margin: 8px 20px; color: #c00; text-align: center;}.aw-v2.aw-slab .aw-slab__apps-dialog{width: calc(100vw - 32px); max-width: 860px; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); margin: auto; padding: 0; border: 0; border-radius: 16px; background: #fff; color: #171717; box-shadow: 0 24px 80px rgba(0, 0, 0, 0.22); overflow: auto;}.aw-v2.aw-slab .aw-slab__apps-dialog::backdrop{background: rgba(15, 20, 28, 0.6); backdrop-filter: blur(3px);}.aw-v2.aw-slab .aw-slab__apps-dialog-header{position: sticky; top: 0; z-index: 1; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 28px; background: #fff; border-bottom: 1px solid #e1e4e7;}.aw-v2.aw-slab .aw-slab__apps-close{display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 36px; padding: 0; border: 0; border-radius: 50%; background: #f3f4f5; color: #171717; font-size: 26px; line-height: 1;}.aw-v2.aw-slab .aw-slab__apps-close:hover{background: #ffe8ea;}.aw-v2.aw-slab .aw-slab__apps-content{display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 32px; align-items: center; padding: 32px;}.aw-v2.aw-slab .aw-slab__apps-phone img{display: block; width: 100%; height: auto;}.aw-v2.aw-slab .aw-slab__apps-copy h3{font-size: 23px; font-weight: 700; line-height: 1.4; margin: 10px 0 20px;}.aw-v2.aw-slab .aw-slab__apps-copy p, .aw-v2.aw-slab .aw-slab__apps-copy ul{color: #626971; font-size: 14px; line-height: 1.8; margin: 16px 0 0;}.aw-v2.aw-slab .aw-slab__apps-copy ul{padding-left: 18px;}.aw-v2.aw-slab .aw-slab__store-links{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 12px;}.aw-v2.aw-slab .aw-slab__store-links a{flex: 1; min-width: 0;}.aw-v2.aw-slab .aw-slab__store-links img{display: block; width: 100%; max-width: 232px; height: auto;}.aw-v2.aw-slab .aw-slab__diagram-dialog{max-width: 600px;}.aw-v2.aw-slab .aw-slab__diagram{margin: 0; padding: 24px;}.aw-v2.aw-slab .aw-slab__diagram img{display: block; width: 100%; max-width: 480px; height: auto; margin: 0 auto;}.aw-v2.aw-slab .aw-slab__diagram figcaption{padding-top: 12px; text-align: center;}@media (max-width: 743px){.aw-v2.aw-slab{padding: 16px 8px;}.aw-v2.aw-slab .aw-slab__container{scroll-margin-top: 90px;}.aw-v2.aw-slab .aw-slab__home h2{font-size: 16px; padding-inline: 10px;}.aw-v2.aw-slab .aw-slab__legacy-close{right: 10px;}.aw-v2.aw-slab .aw-slab__dimension-step > p{padding-inline: 12px;}.aw-v2.aw-slab .aw-slab__post-groups, .aw-v2.aw-slab .aw-slab__bases > section{width: calc(100% - 24px);}.aw-v2.aw-slab .aw-slab__card{grid-template-columns: 100px minmax(0, 1fr);}.aw-v2.aw-slab .aw-slab__notes{margin-inline: 12px;}.aw-v2.aw-slab .aw-slab__apps-content{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 20px;}.aw-v2.aw-slab .aw-slab__apps-phone{width: 150px;}}@media (max-width: 399px){.aw-v2.aw-slab .aw-slab__form-row{grid-template-columns: 112px minmax(0, 1fr);}.aw-v2.aw-slab .aw-slab__dimension{gap: 6px;}.aw-v2.aw-slab .aw-slab__dimension input, .aw-v2.aw-slab .aw-slab__dimension output{width: 85px; flex-basis: 85px; background-size: 85px 28px;}.aw-v2.aw-slab .aw-slab__categories{padding-inline: 8px;}}