.ug-placeexchange-wrapper{width:100%;height:100%}
.ug-placeexchange-head,.ug-placeexchange-body,.ug-placeexchange-footer{width:100%;font-family:inherit}
.ug-placeexchange-head{display:flex;flex-direction:column}
.ug-pe-head__main{width:100%;height:5rem;border-bottom:1px solid black;padding:10px;display:grid;grid-template-columns:auto 10%;align-content:center;color:#3e413e}
.ug-pe-hm_stageArea{display:flex;justify-content:flex-start;align-items:center}
.ug-pe-hm_stageWrapper{display:flex;justify-content:center;align-items:center;height:100%;position:relative}
.ug-pe-hm-sw_stageImg{width:3rem;height:3rem;border-radius:5px;background-color:#d3a4ff;position:absolute;left:0}
.ug-pe-hm-sw_stageSpn{height:100%;z-index:1;margin-left:1.5rem;justify-content:center;flex-direction:column;display:flex}
.ug-pe-hm-sw_stageSpnBig{font-size:1.1rem;font-weight:600}
.ug-pe-hm-sw_stageSpnSecond{font-size:0.7rem}
.ug-pe-hm_stageSeparator{width:15px;height:100%;display:flex;justify-content:center;align-items:center;margin:0 15px}
.ug-pe-hm_stageCounter{display:flex;align-items:center;justify-content:flex-end}
.ug-pe-hm_stageCounter span{font-size:0.8rem;font-weight:600}
.ug-pe-head__description{width:100%;min-height:2rem;padding:10px;font-size:0.9rem}
.ug-placeexchange-body{height:calc(100vh - 15rem - 110px);padding:10px;display:flex;gap:10px;flex-wrap:wrap;overflow:auto}
.ug-place-body__maxcontent{flex-direction:column}
.ug-placeexchange-body >:first-child,.ug-placeexchange-body >:last-child{border-radius:25px 5px 0 5px}
.ug-pe-b_card{min-width:32%;height:50%;background-color:#f9f9f9;border-radius:0 5px 25px 5px;border:2px solid transparent;display:flex;flex-direction:column;position:relative;color:#302f31;cursor:pointer;transition:all 0.5s linear;background-position:center;background-repeat:no-repeat;background-size:70%;-webkit-box-shadow:4px 4px 8px 0 rgba(211,164,255,0.2);-moz-box-shadow:4px 4px 8px 0 rgba(211,164,255,0.2);box-shadow:4px 4px 8px 0 rgba(211,164,255,0.2)}
.ug-pe-b_card:hover{color:#5a08ad;border:2px solid #5a08ad}
.ug-pe-b_card_sel{border:2px solid #ffd723;background:linear-gradient(177deg,rgba(159,155,227,1) 0,rgba(133,0,158,1) 52%,rgba(196,0,255,0.8127626050420168) 100%);color:white;min-width:32%;height:50%;border-radius:0 5px 25px 5px;display:flex;flex-direction:column;position:relative;cursor:pointer;background-position:center;background-repeat:no-repeat;background-size:contain}
.ug-pe-b_card_sel >:first-child{width:100%;height:30%;position:absolute;top:0;padding:10px;text-align:right;font-weight:600;font-size:1.2rem}
.ug-pe-b_card_sel >:last-child{width:100%;height:40%;position:absolute;bottom:0;padding:10px;text-align:left;font-size:0.8rem}
.ug-pe-b_card >:first-child{width:100%;height:30%;position:absolute;top:0;padding:10px;text-align:right;font-weight:600;font-size:1.2rem}
.ug-pe-b_card >:last-child{width:100%;height:40%;position:absolute;bottom:0;padding:10px;text-align:left;font-size:0.8rem}
.ug-placeexchange-footer{height:3rem;display:flex;justify-content:space-around;align-items:center;width:96%;margin-bottom:15px;gap:15px}
.ug-placeexchange-footer button{width:50%;text-align:center;justify-content:center;align-items:center}
.ug-strategy-refined_wrapper{width:100%}
.ug-placeselector-biginput__wrapper{width:100%;padding:15px;background-color:#f1f1f1;border-radius:5px;margin-bottom:10px;display:flex;flex-direction:row}
.ug-biginput_iwrapper{width:100%;margin:10px 0}
.ug-input-switcher input{display:none}
.ug-input-switcher{display:inline-block;width:60px;height:30px;position:relative}
.ug-input-switcher__slide{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:30px;box-shadow:0 0 0 2px #777,0 0 4px #777;cursor:pointer;border:4px solid transparent;overflow:hidden;transition:0.2s}
.ug-input-switcher__slide:before{position:absolute;content:"";width:100%;height:100%;background-color:#777;border-radius:30px;transform:translateX(-30px);transition:0.2s}
.ug-input-switcher__slide:before{position:absolute;content:"";width:100%;height:100%;background-color:#777;border-radius:30px;transform:translateX(-30px);transition:0.2s}
input:checked + .ug-input-switcher__slide:before{transform:translateX(30px);background-color:limeGreen}
input:checked + .ug-input-switcher__slide{box-shadow:0 0 0 2px limeGreen,0 0 8px limeGreen}
.ug-biginput_aside{width:70%;height:100%;display:flex;flex-direction:column;color:#3e413e}
.ug-biginput_aside__head{font-weight:600;font-size:1.2rem}
.ug-biginput_aside__description{font-size:0.85rem;margin:10px 0}
.ug-biginput_bside{width:30%;height:100%}
.ug-strategy-addressSelector{width:100%;padding:15px;background-color:#f1f1f1;border-radius:5px;margin-bottom:10px;display:flex;flex-direction:column}
.ug-placeselector-togglebuttons_area{width:max-content}
.ug-but-flexst{justify-content:flex-start !important}
.ug-radiobutton-container{width:100%;height:100%;box-sizing:border-box;padding:5px;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;align-items:center}
.ug-radiobutton-elem{display:inline-block}
.ug-radiobutton-elem input[type=radio]{display:none}
.ug-radiobutton-elem label{display:inline-block;cursor:pointer;padding:0 15px;line-height:2rem;border:1px solid #999;border-radius:6px;user-select:none;font-size:0.9rem}
.ug-radiobutton-elem input[type=radio]:checked + label{background:#c88deb;color:white}
.ug-radiobutton-elem label:hover{color:#c88deb}
.ug-radiobutton-elem input[type=radio]:disabled + label{background:#efefef;color:#666}
.ug-exchange-placemarkArea{width:100%;padding:5px;display:flex;flex-wrap:wrap;gap:10px}
.ug-exchange-placemark{width:49%;height:5rem;border-radius:25px 5px 0 5px;background-color:white;position:relative;display:flex;background-color:#d3a4ff;transition:all 0.5s linear}
.ug-exchange-placemark:hover{background-color:#bf89f1;color:white}
.ug-exchange-placemark__iconarea{width:25%;height:100%;background-image:url(/resources/img/main/abc.png);background-repeat:no-repeat;background-position:center;background-size:30px 30px;position:relative}
.ug-exchange-placemark__iconarea span{position:absolute;bottom:10px;font-size:.7rem;left:17px;font-weight:600;color:white}
.ug-exchange-placemark__addressarea{width:75%;height:100%;display:flex;align-items:center}
.ug-exchange-placemark__addressarea span{font-weight:600;font-size:.8rem}
.ug-exchange-placemark__delbutton{position:absolute;top:5px;right:10px;font-size:.7rem;text-decoration:underline;transition:color 0.5s linear;cursor:pointer}
.ug-exchange-placemark__delbutton:hover{color:red}
.ug-placemark-deleteFrame{display:none;z-index:1;background-color:#d3a4ff;width:100%;height:100%;border-radius:25px 5px 0 5px;position:absolute;flex-wrap:wrap;padding:8px;gap:8px}
.ug-placemark-deleteFrame button{width:48%;display:flex;justify-content:center;align-items:center}
.ug-placemark-deleteFrame_question{width:100%;height:30%;text-align:center}
@media (min-width:310px) and (max-width:500px){.container{width:100%}
 .ug-biginput_aside__description{font-size:0.8rem}
 .ug-placeexchange-wrapper{width:98vW}
 .ug-placeexchange-body{height:max-content}
 .ug-pe-b_card_sel{min-width:98%;height:25vH;background-size:contain}
 .ug-pe-b_card{min-width:98%;height:25vH;background-size:contain}
 .ug-exchange-placemark{width:100%}
 .ug-pe-head__main{grid-template-columns:auto 20%}
 .ug-biginput_aside{width:100%}
 .ug-biginput_bside{width:0}
}