/* common.wrapper.modals.css : [2025-07-24 13:44:07 ] */
:root{--COLOR-ONE:#516E88;--COLOR-TWO:#7AB558;--COLOR-BUTTON-JOIN:#C45924;--COLOR-BUTTON-PRIMARY:#354E65;--MODALONE:#236480;--MODALONE-RGBA-0:rgba(35,100,128,0.0);--MODALONE-RGBA-1:rgba(35,100,128,0.1);--MODALONE-RGBA-2:rgba(35,100,128,0.2);--MODALONE-RGBA-3:rgba(35,100,128,0.3);--MODALONE-RGBA-4:rgba(35,100,128,0.4);--MODALONE-RGBA-5:rgba(35,100,128,0.5);--MODALONE-RGBA-6:rgba(35,100,128,0.6);--MODALONE-RGBA-7:rgba(35,100,128,0.7);--MODALONE-RGBA-8:rgba(35,100,128,0.8);--MODALONE-RGBA-9:rgba(35,100,128,0.9);--MODALTWO:#FFC154;--MODALTWO-RGBA-0:rgba(255,193,84,0.0);--MODALTWO-RGBA-1:rgba(255,193,84,0.1);--MODALTWO-RGBA-2:rgba(255,193,84,0.2);--MODALTWO-RGBA-3:rgba(255,193,84,0.3);--MODALTWO-RGBA-4:rgba(255,193,84,0.4);--MODALTWO-RGBA-5:rgba(255,193,84,0.5);--MODALTWO-RGBA-6:rgba(255,193,84,0.6);--MODALTWO-RGBA-7:rgba(255,193,84,0.7);--MODALTWO-RGBA-8:rgba(255,193,84,0.8);--MODALTWO-RGBA-9:rgba(255,193,84,0.9);--LOGO-WHITE:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAgCAMAAABgkcdDAAAAq1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Nr6iZAAAAOHRSTlMAy/uTDubuC+JLKvdjVC8mHxjB67WwB3CBi9Ca8p95Z3RqA7tQE5BsXd3XxdPPRTwbM6pAWTmFowRZI4AAAAYrSURBVHja3ZiHgqo6EEAHLKBiA0VZAV2aBXud//+ylwzEgOLr7d5zCyGC5MxMkmXh/8etYVnNB/z4XJGxZY3vNJ0E8OPSRYYCsOBH/ycQ2fHj2obfyX3a0uC3iK+9f19ky4/6u4i2n80q9BR1cz/CrzL4HnWu/77InR+Tt5jO1ojNOrzhI+uf9i+njzmkHHf/fRHb0fXaW7WckNGoEOmpyDgPJsqjO4RKtv+NCFOxK8ZLIhq8EXwhJ4wPDXTDRVViFERswZ9DYwTscFgZFxHGOqP4uWgP98bqoEEkROqaJq7rR8bqMgQItBuJDOk2umdltPrUdJBItcGaHzfOoeSyNwyddc8Mw1jZR/Y/u+vipTOIWLsNBLX74gYnVEzvmj3nW280Gifb12ni+jZdbDGc/Eb++Z2ag1mTlqlvkZGJxVgCo2VS2TTHrVHD4i21wfCZn9ekU2XJjJkicYZTE4nNvQdPRiiJD+y/CalvYUttgtpLarVNzNhcgFHjzYnoQ5NHeEkVIGcojqigmpij5yIzfpwBQIKCZhMlZ4jk6Q0g2OTtBVxFt2ryiBJjfKLGvEDnRvaglAYvi28OjIP8avcAAFO6D594PEvPweeb3pgHXcUSSh6EGsBE9j62KPH6HRToGj0sQ72Bh082qwA4U9N0+alpmqN6m9/fQMa2UqRv8XF1LyueAz2miGeIZ56qRY5WNgTdehM5ulRx5/EasaWgxDlTvEZnRcWHWAeIjTZsoCQdFJbfiFrtLL7m6nAC5V2E6nBKSwhv+TRQzq517M2oVasWSZAaPTteNV9E6PJQA7C7NW3Yphlk3drtdt/lrR43SE70UOXpmEVQoOcmX2L5JRGxSb2L0HQzqYPiuBnmZaHUn0W6CapE4mZ25Bw6ZRE6rEDQfu73NzIEiSzCTr+uY4GwUmQXfBLxROryYUf01aIvokoYVolcqa7a4s53kfPLPlLnxtQ6gmToYs6YvlkSVYnMoVqElg1XLBJ3qq1JPnhOv0OxqhKZFYP7XRYxspgeXkTEsHXDhidnFFxiCwuMDxUipw8iVE7NxMlIaRQkotezeDV52CtFQswmF9Eti8Q6EmHrRUQsTZtFHXL2hWJKsIC+eBdRB59ETviCl4k0flNkR/OgWgT2YmUeDcoisdg41qKeg61MCV0o6NTeRTofRQ74wuP3itDzow8iEDVEXPslERiYmGNAhoGCEaQoUWe/LvJdFKFlxJoW2P9eka9fyQjjmDSRUOySCATGJh9oD4g6OWc9Pkqazq+LTEoibZVlGYp8FglLIuavzBHiOM1UooIIYV+/8uSLBwpmPZRsjM8iJm08GV8kUrdooL8lQunfirWNRGjappDhv4oQ/W122hPLh8CeIcoAavozCUNSzK3aYpjXN5GzjOvQJRFyW/ymSITyW8xMZF4sD6VSJPM/ZyJW/Lp7WJCzQsHckSIX4KSU91eRabYrcBKk+ULjsfq/JdKmVegOjGU+L48upaQuElISiQsiHvTV7MdCRj2QIjoIHpiTFhZjGXt98CpyQ4Z5BKhzJVrBtDVP8h4IuxdUi9jZGplc9p5YYCBr7a69Q963e4ocrPM+DuwT3bXMp7N5ObXqimIM7GDoUQcI6qaY7hdLLL4nIOY0msfZKYkEO6rE0VhHtPKJ30KOOZ1/Tx/rzrBSRMRcQIMYNLHMNhAiDn/KZk297qDwXnHvsMGsNy7KJY+wHRcJJ6SD3CXE3mqWRORGhelV/CptlfcR+w8i8RoFaid/rb2i7KPXBjsTSWCLAhksQkdJGJR/7eONRg+/N0UiAUGeoy8SQSECq9x8VO89Lz+kKHC7+fLazESOJNnmFSrGYNELxrr0htiMQi6vwYwyosnxdrLV3hGn0uNchyrIWfWLivdQScdLiH3fX8ib+qzbnO2B+vciUc4oVcxxcj3yEJhfuy/PBo52Zu0wpuTMGiqqem0AM9ZXy9/ZddbXmPUhYX0PG1Y7xhWGk9RSeRHNepAx31JRRa2xzhqqNYqgmgH7WLnB34F2aLVaYgAn1r6J5Ne8xGCqN9bXBuI4T7zafEDX8XviFoN525dF4s3uqyPk2F2Hn2vQNpyZlyxP8IHAHLUC+MH4BRRsBuCSm9qtAAAAAElFTkSuQmCC);--IMGURL-MODAL-LOGIN:url(https://cloud.truenudists.com/assets/img/modals/modal.split.login.jpg);--IMGURL-LOGIN-BG:url(https://cloud.truenudists.com/assets/img/certified/bg1.jpg)}div#bgi{background-image:url(/sites/truenudists.com/assets/img/home/nudist-background.webp)}li.logo{background:url(/sites/truenudists.com/assets/img/home/truenudists-logo.webp) 0 15px/232px 32px no-repeat}section.b{background:url(/sites/truenudists.com/assets/img/home/nude-beach.webp) 0 15px/232px 32px no-repeat;background-size:cover}html,body{width:100%;height:100%;padding:0;margin:0;font-family:"Lato";-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block}body.modal div.container{display:block;width:100%;height:100%;padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body.modal h2{text-align:left;font-size:3.5vw;color:#000;font-family:"Lato";font-weight:400;display:block;margin:0;padding:0 0 20px;letter-spacing:-2px;position:relative}body.modal h2 i.fa{color:rgb(0 0 0 / .6);top:2px;position:relative}body.modal .button,body.modal button{text-decoration:none;display:inline-block;padding:6px 20px;font-weight:400;text-align:center;font-family:"Lato";font-weight:400;font-size:20px;text-transform:uppercase;border-radius:5px;cursor:pointer;border:4px solid #666;background:#fff0;color:#666}body.modal button:disabled{opacity:.2}body.modal button:disabled:hover{background:#fff0;opacity:.2}body.modal .button:hover,body.modal button:hover{color:#FFF;background:#666}body.modal .button.green,body.modal button.green{border:4px solid var(--MODALTWO);background:var(--MODAL-RGBA-9);color:#FFF}body.modal .button.green:hover,body.modal button.green:hover{color:#FFF;background:var(--MODALTWO)}body.modal .button.blue,body.modal button.blue{color:#FFF;border:4px solid var(--MODALONE);background:var(--MODALONE-RGBA-9)}body.modal .button.blue:hover,body.modal button.blue:hover{background:var(--MODALONE);color:#FFF}body.modal li{list-style:none}body.modal label{display:block;text-transform:uppercase;font-size:1em;color:#666;padding:6px 0 6px 0;text-align:left}body.modal small{text-align:center;font-size:11px;color:#666;display:block}body.modal .beR{text-align:right}body.modal .beL{text-align:left}body.modal .beC{text-align:center}body.modal section.table,body.modal section.form{background:#FFF;text-align:center;vertical-align:middle}body.modal section.table div.inner,body.modal section.form div.inner{width:75%;height:auto;margin:0 auto;padding:0}body.modal form{display:block;margin:0 auto;width:100%}body.modal select,body.modal input,body.modal textarea{-ms-box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;font-size:130%;font-family:"Lato";display:block;border:1px solid #CCC;border-radius:5px;margin:0 auto 10px;width:100%;padding:8px 5px;color:#333}body.modal section.table button,body.modal section.form button{display:inline-block;margin:20px -14px 0 auto}body.modal div.hr{border-top:1px solid #CCC;text-align:center;display:block;position:relative;height:20px;margin:30px auto 10px}body.modal div.hr span{display:inline-block;top:-10px;background:#FFF;padding:0 10px;position:absolute;z-index:100;left:48%;color:#999;font-family:"Lato";font-weight:400;font-size:14px;text-transform:uppercase;text-align:center}body.modal ul.checked{display:block;width:60%;margin:20px auto 0;list-style:none;padding:0;text-align:left}body.modal ul.checked li{font-size:1.5vw;font-family:"Lato";padding:5px 0 5px 32px;margin-bottom:10px;color:#FFF;position:relative}body.modal ul.checked li:before{font-family:"FontAwesome";content:"\f058";display:inline-block;color:#FFF;text-align:center;padding:0 5px 0 0;position:absolute;left:0;top:10px}body.modal table{width:100%;margin-top:10px;background:#FFF;border:1px solid #EAEAEA;padding:0;border-collapse:collapse;font-size:90%}body.modal table th{padding:14px 5px 4px;border-top:5px solid var(--MODALONE-RGBA-8);background:#F5F5F5;text-align:left}body.modal table td{padding:7px 5px;border-top:1px solid #EAEAEA;text-align:left}body.modal table th:first-child,body.modal table td:first-child{padding-left:12px;text-align:left;font-weight:700}body.modal table th:last-child,body.modal table td:last-child{text-align:left}body.modal.small h2,body.modal.action h2{text-align:left;border-bottom:2px dotted #CCC;padding:0 0 10px;font-size:2vw;letter-spacing:0}body.modal.action h3{font-weight:400}body.modal.action div.black,body.modal.action h4{display:table-cell;vertical-align:middle;text-align:middle}body.modal.action div.black div.black-inner,body.modal.action h4 span{display:inline-block;background:rgb(0 0 0 / .5);color:#FFF;padding:10px;border-radius:5px}body.modal.action div.black div.black-inner{max-width:80%}body.modal.action section.content div.inner p.textarea{font-size:80%;background:var(--MODALONE);color:#FFF;display:block;width:100%;padding:10px 5px 8px 5px;text-align:center;margin:0;border:1px solid #CCC;border-bottom:0}body.modal.action section.content div.inner textarea{display:block;width:100%;min-height:100px;height:20%;border-radius:0 0 5px 5px}body.modal.action section.content ul.checked{width:100%;text-align:left;margin:0}body.modal.action section.content ul.checked li{color:#666;padding:0 0 0 20px;font-size:90%}body.modal.action section.content ul.checked li:before{color:#666;padding:0;top:3px;width:20px;text-align:center}body.modal.action div.footer{display:table;width:100%;height:10%;min-height:60px;padding:10px 0;background:#444;position:absolute;bottom:0;left:0}body.modal.action div.footer div.text,body.modal.action div.footer div.buttons{display:table-cell;vertical-align:middle}body.modal.action div.footer div.text{text-align:left;color:#FFF}body.modal.action div.footer div.text p{margin-left:10px}body.modal.action div.footer div.text p a{color:#FFF}body.modal.action div.footer div.buttons{text-align:right}body.modal.action div.footer div.buttons button{margin-right:10px}.modal-load{margin:0 auto 0;width:70px;text-align:center;display:block}.modal-load>i{width:14px;height:14px;background-color:#666;border-radius:100%;margin:0 2px;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.modal-load .c1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.modal-load .c2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}body.modal div.pagination.main span{display:none}body.modal div.pagination.main ul.pagination{width:90%;text-align:center;display:table;margin:20px auto;padding:0;table-layout:fixed}body.modal div.pagination.main ul.pagination li{display:table-cell;border:1px solid #EAEAEA;border-right:0}body.modal div.pagination.main ul.pagination li:first-child{border-radius:5px 0 0 5px}body.modal div.pagination.main ul.pagination li:last-child{border-right:1px solid #EAEAEA;border-radius:0 5px 5px 0}body.modal div.pagination.main ul.pagination li a{padding:10px 0;display:block;width:100%;text-decoration:none;color:#666}body.modal div.pagination.main ul.pagination li a:hover{background:var(--MODALONE-RGBA-5);color:#FFF}body.modal div.pagination.main ul.pagination li a.current{background:var(--MODALONE);color:#FFF}body.modal div.pagination.main ul.linkCount.linkCount1{display:none}body.modal div.pagination.main ul.linkCount.linkCount1 li{width:100%}body.modal div.pagination.main ul.linkCount.linkCount2 li{width:50%}body.modal div.pagination.main ul.linkCount.linkCount3 li{width:33.3333%}body.modal div.pagination.main ul.linkCount.linkCount4 li{width:25%}body.modal div.pagination.main ul.linkCount.linkCount5 li{width:20%}body.modal div.pagination.main ul.linkCount.linkCount6 li{width:16.66666666666667%}body.modal div.pagination.main ul.linkCount.linkCount7 li{width:14.28571428571429%}body.modal div.pagination.main ul.linkCount.linkCount8 li{width:12.5%}body.modal div.pagination.main ul.linkCount.linkCount9 li{width:11.11111111111111%}body.modal div.pagination.main ul.linkCount.linkCount10 li{width:10%}body.modal div.pagination.main ul.linkCount.linkCount11 li{width:9.090909090909091%}body.modal div.pagination.main ul.linkCount.linkCount12 li{width:8.333333333333333%}body.modal div.pagination.main ul.linkCount.linkCount13 li{width:7.692307692307692%}.alert{border:4px solid var(--MODALTWO);background:var(--MODAL-RGBA-2);color:#000;padding:10px;text-align:center}body.modal div.flag{display:none}body.modal.flag div.flag{display:block;position:relative;background:rgb(200 200 200 / .2);border-radius:4px;padding:15px 10px 15px;margin:0 0 10px 0;width:80%;text-align:left}body.modal.flag a.close{cursor:pointer;color:#999;position:absolute;top:0;right:10px;z-index:100;font-size:20px;background:rgb(100 100 100 / .1);padding:2px 10px 5px}body.modal.flag a.close:hover{background:rgb(0 0 0 / .2);cursor:pointer;color:#FFF}body.modal div.flag select{font-family:"Lato";display:block;width:70%;margin:0;font-size:100%}body.modal.button.flag{display:none}body.modal button.flagged i.fa{color:#FFF;font-weight:700;font-size:120%}body.modal i.like.count{font-style:normal}body.modal button.like.liked i.fa{font-size:120%;color:#FFF}body.modal div.sharer{display:none;background:#EAEAEA;padding:5px 20px 15px;margin:5px 0 5px 20px;position:relative}body.modal.sharer div.sharer{display:inline-block}body.modal div.sharer a.close{color:#999;position:absolute;top:0;right:10px;z-index:100;font-size:20px;background:rgb(100 100 100 / .1);cursor:pointer;padding:2px 10px 5px}body.modal div.sharer a.close:hover{background:rgb(0 0 0 / .2);cursor:pointer;color:#FFF}body.modal div.sharer .button{background:#CCC;font-size:80%;border:0;margin-right:10px}body.modal div.sharer .button i.fa{text-align:center;padding:0 3px}body.modal div.sharer .button.facebook{background:#385a99;color:#FFF}body.modal div.sharer .button.twitter{background:#29a9e0;color:#FFF}body.modal div.sharer .button.tumblr{background:#32506d;color:#FFF}body.modal.split{background:#EAEAEA}body.modal.split div.split{display:table;width:100%;height:100%;padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body.modal.split div.split section{display:table-cell;padding:0;margin:0;height:100%;overflow-y:auto}body.modal.split section.shiny div.inner{background:rgb(33 158 150 / .8);vertical-align:middle;width:100%;height:100%;display:table}body.modal.split div.split.head{height:10%}body.modal.split div.split.bar{height:10%}body.modal.split div.split.body{height:80%}body.modal div.split section.action{background:#FFF}body.modal.split section.shiny{text-align:center;vertical-align:middle}body.modal.split section.shiny div.inner{vertical-align:middle;width:100%;height:100%;display:table}body.modal.split section.shiny div.inner div.content{width:100%;border:1px solid #fff0;display:table-cell;vertical-align:middle}body.modal.split hr{display:block;width:40%;border:0;border-top:2px dotted #CCC;margin:10px auto 10px}body.modal.split h3{display:block;color:#FFF;font-family:"Lato";font-weight:400;text-align:center;font-size:3vw;letter-spacing:-1px;margin:0;padding:0 0}body.modal.split h4{display:block;color:#CCC;font-family:"Lato";font-weight:400;text-align:center;font-size:1.5vw;letter-spacing:-1px;margin:0;padding:0 0}body.modal.split img.logo{background:rgb(255 255 255 / .9);display:block;border-radius:30%;padding:20px;width:100px;height:100px;margin:0 auto 20px}body.modal.split section.shiny button{margin-top:20px}body.modal.small{background:#EAEAEA;width:100%;height:100%}body.modal.small div.pagination.main{margin:0 0 0;position:fixed;bottom:0;padding:20px 0 20px 0;margin:0;left:0;background:#FFF;border-top:1px solid #CCC}body.modal.small div.pagination.main ul.pagination{background:#FFF;border:1px solid #CCC;border-radius:5px;margin:0 auto;padding:0}body.modal.small div.pagination.main ul.pagination li{border:0;border-left:1px solid #CCC}body.modal.small div.pagination.main ul.pagination li:first-child{border-left:0}body.modal.small div.pagination.main ul.pagination li a{font-size:90%}body.modal.small div.container{overflow-x:hidden;overflow-y:auto;display:block;width:100% height:100%}body.modal.small div.full{padding:2% 5%}body.modal.small h2{margin-bottom:10px;letter-spacing:-1px;font-size:1.5em;background:#FFF;padding:2% 5%;border-bottom:1px solid #CCC}body.modal.action div.container{display:block;max-height:100%}body.modal.action div.action.split{background:#FFF;display:table;width:100%}body.modal.action div.action.split section{display:table-cell}body.modal.action div.action.split{display:table;width:100%;height:90%}body.modal.action div.action.split section.icon{display:table-cell;width:40%;background-repeat:no-repeat;background-size:cover;background-attachment:center;background-position:center;max-height:100%}body.modal.action div.action.split section.content{vertical-align:middle;text-align:center;height:100%}body.modal.action div.action.split section.icon div.inner{display:table;width:100%;height:100%;background:rgb(255 255 255 / .4);text-align:center;position:relative;vertical-align:middle}body.modal.action div.action.split section.content div.inner{display:inline-block;text-align:left;width:80%;margin:0 auto;padding:30px 0 80px 0}body.modal .mobile{display:none}@media (max-width:768px){body.modal section.table div.inner{width:95%}body.modal.small h2,body.modal.action h2,body.modal h2{font-size:160%;margin-bottom:10px;padding:0 0 10px 0}body.modal.small h2{padding:10px 0 10px 10px;margin:0}body.modal.action div.action.split section.icon,body.modal.split div.split section.shiny{display:none}body.modal .mobile{display:block}body.modal li.mobile a{display:block;padding-top:20px;margin-top:20px;text-decoration:none;color:#999}body.modal.action div.footer div.text{display:none}body.modal.action div.footer div.buttons{text-align:center}body.modal.action div.footer div.buttons button:last-child{margin-right:0;margin-bottom:10px}body.modal.small div.full{padding:10px 2% 50px}body.modal.event.share div.sharer li{padding:2px}body.modal div.sharer .button{margin-right:0}}body.modal.message ul.captcha{margin:0;padding:0}@media (max-width:1023px){body.modal .button,body.modal button{font-size:12px}}.growl{font-family:Tahoma,Arial,Helvetica,sans-serif;width:300px;max-width:300px;min-height:40px;display:none;position:fixed;right:10px;top:20px;background-color:rgb(0 0 0 / .8);padding:10px;border-radius:0;z-index:99998;border:0;border-top:6px solid red}.growl.alert-success{background-color:rgb(0 255 0 / .3);border:0}.growl.alert-success b{color:#653518}.growl.alert-success p{color:#653518}.growl.alert-danger{background-color:rgb(255 0 0 / .5)}.growl.alert-danger b{color:#FFF}.growl.alert-danger p{color:#FFF}.growl.alert-info{background-color:rgb(0 0 0 / .8);border-top:6px solid red}.growl.alert-warning{background-color:rgb(0 0 255 / .3);border:0}.growl.alert-warning p{color:#FFF}.growl b{font-size:12px;font-weight:400;color:#FFF;line-height:1.2em;display:block;padding-bottom:3px}.growl p{float:left;font-size:11px;color:#CCC;width:86%;line-height:1.5em}.growl a.close{float:right;color:#FFF;background-color:rgb(255 0 0);margin:-10px 0 0 0;font-size:11px;font-weight:400;padding:8px 5px 10px;z-index:99999;width:8%;text-align:center;opacity:1}.growl a.close:hover{background:#000}.confirmation.overlay{position:fixed;width:100%;height:100%;background:rgb(0 0 0 / .5);top:0;left:0;z-index:9998}.confirmation.basket{width:40%;border-radius:10px 0 10px 10px;background:#FFF;position:fixed;top:35%;left:30%;z-index:9999;background:#FFF;padding:10px;border:1px solid #EAEAEA}.confirmation.wrap{position:relative;display:block;width:100%;height:100%}.confirmation.basket h2.confirmation{margin:0;padding:0;float:left;letter-spacing:-1px;color:#333}.confirmation.basket a.confirmation.killer{position:absolute;top:10px;right:10px;color:#CCC;font-size:16px;cursor:pointer}.confirmation.basket a.confirmation.killer:hover{color:#333}.confirmation.basket p.confirmation{display:block;padding:5px 5px 15px;color:#666;text-align:left}.confirmation.basket.alert p.confirmation{text-align:center;padding:5px}.confirmation.basket button.confirmation.btn:hover{color:#ff0}.confirmation.basket button.confirmation.btn.cancel,.confirmation.basket button.confirmation.btn.confirm{float:right;margin-left:6px}.confirmation.basket button.confirmation.btn.other{float:left;margin-left:0}.confirmation.basket button.confirmation.btn.btn-confirm{background-color:var(--COLOR-ONE)}.confirmation.basket button.confirmation.btn.btn-cancel{background-color:#999}.confirmation.basket button.confirmation.btn.btn-other{background-color:var(--COLOR-TWO)}@media (max-width:767px){.confirmation.basket{width:99%;left:.5%;top:25%}}