h1{display:flex;justify-content:center;color:var(--sparta-color)}button{height:30px;border:none;border-radius:8px}#main-frame{display:flex;flex-direction:row;padding:3vh 3vw;gap:1vw}#option{display:flex;flex-direction:row;width:100%;justify-content:space-around;margin:20px;gap:2vw}.option-division{display:flex;flex-direction:column;gap:5vh;width:100%}.option-cell{display:flex;flex-direction:column;height:20vh;width:100%;gap:8px;align-items:center}.option-cell div{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1vh}.option-cell div button{width:50%;height:5vh}#common-alert{display:flex;flex-direction:column;gap:1vh}#common-alert span{display:flex;justify-content:space-around;width:100%;height:100%;gap:1vw}#common-alert span button{width:6vw;height:4.5vh}#grid-wrap{display:flex;justify-content:center}#grid-container{display:grid;grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;width:50vw;height:80vh;gap:10px}#grid-container span,#grid-container span button{width:100%;height:100%}.cell{display:flex;flex-direction:column;gap:8px}.cell button{font-size:larger}button.type-on,button.autoClose-on,button.progressBar-on,button.pauseOnHover-on,button.closeOnClick-on,button.customImage-on{border:2px solid black}button{cursor:pointer}:root{--normal-bg: #fff;--normal-border: #ededed;--normal-text: #171717;--success-bg: #ecfdf3;--success-border: #d3fde5;--success-text: #008a2e;--info-bg: #f0f8ff;--info-border: #d3e0fd;--info-text: #0973dc;--warning-bg: #fffcf0;--warning-border: #fdf5d3;--warning-text: #dc7609;--error-bg: #fff0f0;--error-border: #ffe0e1;--error-text: #e60000;--sparta-color: #E8344E }.toast-container{position:fixed;z-index:1000}.alert-container{position:fixed;width:auto;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:1000}.alert-container.isFold{align-items:center}.alert-container.isFold .toast{z-index:3;position:relative;top:0}.alert-container.isFold .toast+.toast{z-index:2;position:absolute;top:20px;left:50%;transform:translate(-50%);width:95%;box-sizing:border-box}.alert-container.isFold .toast+.toast+.toast{z-index:1;top:40px;width:80%}.alert-container.isFold:hover .toast+.toast{top:calc(100% + 10px);width:auto;min-width:100%;font-size:14px}.alert-container.isFold:hover .toast+.toast:before{content:"";display:block;width:100%;height:10px;position:absolute;bottom:100%}.alert-container.isFold:hover .toast+.toast+.toast{top:calc(200% + 20px)}.toast.confirm-toast{z-index:99999;width:100vw;height:100vh;position:fixed;top:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;cursor:pointer}.confirm-toast .inner-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;min-width:400px;padding:40px 24px;box-sizing:border-box;background-color:#fff;border-radius:8px;cursor:default}.confirm-toast .inner-box>img{max-width:50%}.confirm-toast .inner-box .message{font-size:28px}.confirm-toast .inner-box .message:before{content:none}.confirm-toast .inner-box .button-area{display:flex;gap:16px}.confirm-toast .inner-box .button-area button{width:80px;height:40px;border:2px solid var(--success-text);border-radius:4px;background:#fff;outline:none;font-size:16px;color:var(--success-text);font-weight:700;cursor:pointer;transition:.5s}.confirm-toast .inner-box .button-area button:hover{background-color:var(--success-bg)}.confirm-toast .inner-box .button-area button+button{border-color:var(--warning-text);color:var(--warning-text)}.confirm-toast .inner-box .button-area button+button:hover{background-color:var(--warning-bg)}.t-l{right:auto;left:20px}.t-c{right:auto;left:50%;transform:translate(-50%)}.c-l{top:50%;right:auto;transform:translateY(-50%)}.c-c{right:auto;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.c-r{top:50%;transform:translateY(-50%)}.b-l{top:auto;right:auto;bottom:20px;left:20px}.b-c{top:auto;right:auto;bottom:20px;left:50%;transform:translate(-50%)}.b-r{top:auto;bottom:20px;right:20px}.toast{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:200px;padding:10px 15px;background-color:var(--normal-bg);border-color:var(--normal-border);border-radius:5px;box-shadow:0 2px 10px #0003;font-size:14px;color:var(--normal-text);animation:slideIn .3s ease-out;transition:top .3s,width .3s}.alert-container .inner{display:flex;flex-direction:column;align-items:center;width:100%}.alert-container .inner>img{max-width:50%;margin-bottom:16px}.alert-container .inner>img+.message{justify-content:center}.alert-container .message{display:flex;align-items:center;width:100%;gap:8px;height:24px}.alert-container .message:before{content:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%202C17.523%202%2022%206.477%2022%2012C22%2017.523%2017.523%2022%2012%2022C6.477%2022%202%2017.523%202%2012C2%206.477%206.477%202%2012%202ZM12%204C9.87827%204%207.84344%204.84285%206.34315%206.34315C4.84285%207.84344%204%209.87827%204%2012C4%2014.1217%204.84285%2016.1566%206.34315%2017.6569C7.84344%2019.1571%209.87827%2020%2012%2020C14.1217%2020%2016.1566%2019.1571%2017.6569%2017.6569C19.1571%2016.1566%2020%2014.1217%2020%2012C20%209.87827%2019.1571%207.84344%2017.6569%206.34315C16.1566%204.84285%2014.1217%204%2012%204ZM12%2016C12.2652%2016%2012.5196%2016.1054%2012.7071%2016.2929C12.8946%2016.4804%2013%2016.7348%2013%2017C13%2017.2652%2012.8946%2017.5196%2012.7071%2017.7071C12.5196%2017.8946%2012.2652%2018%2012%2018C11.7348%2018%2011.4804%2017.8946%2011.2929%2017.7071C11.1054%2017.5196%2011%2017.2652%2011%2017C11%2016.7348%2011.1054%2016.4804%2011.2929%2016.2929C11.4804%2016.1054%2011.7348%2016%2012%2016ZM12%206.5C12.8423%206.50003%2013.6583%206.79335%2014.3078%207.3296C14.9573%207.86585%2015.3998%208.61154%2015.5593%209.43858C15.7188%2010.2656%2015.5853%2011.1224%2015.1818%2011.8617C14.7783%2012.601%2014.1299%2013.1768%2013.348%2013.49C13.2322%2013.5326%2013.1278%2013.6014%2013.043%2013.691C12.999%2013.741%2012.992%2013.805%2012.993%2013.871L13%2014C12.9997%2014.2549%2012.9021%2014.5%2012.7272%2014.6854C12.5522%2014.8707%2012.313%2014.9822%2012.0586%2014.9972C11.8042%2015.0121%2011.5536%2014.9293%2011.3582%2014.7657C11.1627%2014.6021%2011.0371%2014.3701%2011.007%2014.117L11%2014V13.75C11%2012.597%2011.93%2011.905%2012.604%2011.634C12.8783%2011.5245%2013.1176%2011.3423%2013.2962%2011.107C13.4748%2010.8717%2013.5859%2010.5922%2013.6176%2010.2986C13.6493%2010.0049%2013.6004%209.70813%2013.4762%209.44014C13.352%209.17215%2013.1571%208.94307%2012.9125%208.77748C12.6679%208.61189%2012.3829%208.51606%2012.0879%208.50027C11.793%208.48448%2011.4993%208.54934%2011.2384%208.68787C10.9775%208.8264%2010.7593%209.03338%2010.6072%209.28658C10.4551%209.53978%2010.3748%209.82962%2010.375%2010.125C10.375%2010.3902%2010.2696%2010.6446%2010.0821%2010.8321C9.89457%2011.0196%209.64022%2011.125%209.375%2011.125C9.10978%2011.125%208.85543%2011.0196%208.66789%2010.8321C8.48036%2010.6446%208.375%2010.3902%208.375%2010.125C8.375%209.16359%208.75692%208.24156%209.43674%207.56174C10.1166%206.88192%2011.0386%206.5%2012%206.5Z'%20fill='black'/%3e%3c/svg%3e");display:block;width:24px;height:24px}.progress{width:100%;height:2px;background:#000;transform-origin:left;animation:progressbar linear 1 forwards;animation-play-state:running}.on .progress{animation-play-state:paused}@keyframes progressbar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast.success{background-color:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.toast.success .message:before{content:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%202C17.523%202%2022%206.477%2022%2012C22%2017.523%2017.523%2022%2012%2022C6.477%2022%202%2017.523%202%2012C2%206.477%206.477%202%2012%202ZM12%204C9.87827%204%207.84344%204.84285%206.34315%206.34315C4.84285%207.84344%204%209.87827%204%2012C4%2014.1217%204.84285%2016.1566%206.34315%2017.6569C7.84344%2019.1571%209.87827%2020%2012%2020C14.1217%2020%2016.1566%2019.1571%2017.6569%2017.6569C19.1571%2016.1566%2020%2014.1217%2020%2012C20%209.87827%2019.1571%207.84344%2017.6569%206.34315C16.1566%204.84285%2014.1217%204%2012%204ZM15.535%208.381C15.7145%208.19975%2015.9566%208.09397%2016.2115%208.08532C16.4665%208.07667%2016.7152%208.1658%2016.9066%208.33447C17.098%208.50313%2017.2177%208.73858%2017.2412%208.99262C17.2647%209.24666%2017.1902%209.50008%2017.033%209.701L16.95%209.795L11.364%2015.382C11.1733%2015.5726%2010.9193%2015.6866%2010.6502%2015.7023C10.381%2015.7179%2010.1155%2015.6342%209.904%2015.467L9.808%2015.382L7.05%2012.624C6.86875%2012.4445%206.76297%2012.2024%206.75432%2011.9475C6.74567%2011.6925%206.8348%2011.4438%207.00347%2011.2524C7.17213%2011.061%207.40758%2010.9413%207.66162%2010.9178C7.91566%2010.8943%208.16908%2010.9688%208.37%2011.126L8.464%2011.21L10.586%2013.331L15.536%208.381H15.535Z'%20fill='%23008A2E'/%3e%3c/svg%3e")}.toast.info{background-color:var(--info-bg);color:var(--info-text);border-color:var(--info-border)}.toast.info .message:before{content:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%202C17.523%202%2022%206.477%2022%2012C22%2017.523%2017.523%2022%2012%2022C6.477%2022%202%2017.523%202%2012C2%206.477%206.477%202%2012%202ZM12%204C9.87827%204%207.84344%204.84285%206.34315%206.34315C4.84285%207.84344%204%209.87827%204%2012C4%2014.1217%204.84285%2016.1566%206.34315%2017.6569C7.84344%2019.1571%209.87827%2020%2012%2020C14.1217%2020%2016.1566%2019.1571%2017.6569%2017.6569C19.1571%2016.1566%2020%2014.1217%2020%2012C20%209.87827%2019.1571%207.84344%2017.6569%206.34315C16.1566%204.84285%2014.1217%204%2012%204ZM11.99%2010C12.548%2010%2013%2010.452%2013%2011.01V16.134C13.1906%2016.2441%2013.3396%2016.414%2013.4238%2016.6173C13.5081%2016.8207%2013.5229%2017.0462%2013.4659%2017.2588C13.4089%2017.4714%2013.2834%2017.6593%2013.1087%2017.7933C12.9341%2017.9273%2012.7201%2018%2012.5%2018H12.01C11.8774%2018%2011.746%2017.9739%2011.6235%2017.9231C11.501%2017.8724%2011.3896%2017.798%2011.2958%2017.7042C11.202%2017.6104%2011.1276%2017.499%2011.0769%2017.3765C11.0261%2017.254%2011%2017.1226%2011%2016.99V12C10.7348%2012%2010.4804%2011.8946%2010.2929%2011.7071C10.1054%2011.5196%2010%2011.2652%2010%2011C10%2010.7348%2010.1054%2010.4804%2010.2929%2010.2929C10.4804%2010.1054%2010.7348%2010%2011%2010H11.99ZM12%207C12.2652%207%2012.5196%207.10536%2012.7071%207.29289C12.8946%207.48043%2013%207.73478%2013%208C13%208.26522%2012.8946%208.51957%2012.7071%208.70711C12.5196%208.89464%2012.2652%209%2012%209C11.7348%209%2011.4804%208.89464%2011.2929%208.70711C11.1054%208.51957%2011%208.26522%2011%208C11%207.73478%2011.1054%207.48043%2011.2929%207.29289C11.4804%207.10536%2011.7348%207%2012%207Z'%20fill='%230973DC'/%3e%3c/svg%3e")}.toast.warning{background-color:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-border)}.toast.warning .message:before{content:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.314%202C15.8444%202.00011%2016.353%202.2109%2016.728%202.586L21.414%207.272C21.7891%207.64699%2021.9999%208.15561%2022%208.686V15.314C21.9999%2015.8444%2021.7891%2016.353%2021.414%2016.728L16.728%2021.414C16.353%2021.7891%2015.8444%2021.9999%2015.314%2022H8.686C8.15561%2021.9999%207.64699%2021.7891%207.272%2021.414L2.586%2016.728C2.2109%2016.353%202.00011%2015.8444%202%2015.314V8.686C2.00011%208.15561%202.2109%207.64699%202.586%207.272L7.272%202.586C7.64699%202.2109%208.15561%202.00011%208.686%202H15.314ZM15.314%204H8.686L4%208.686V15.314L8.686%2020H15.314L20%2015.314V8.686L15.314%204ZM12%2015C12.2652%2015%2012.5196%2015.1054%2012.7071%2015.2929C12.8946%2015.4804%2013%2015.7348%2013%2016C13%2016.2652%2012.8946%2016.5196%2012.7071%2016.7071C12.5196%2016.8946%2012.2652%2017%2012%2017C11.7348%2017%2011.4804%2016.8946%2011.2929%2016.7071C11.1054%2016.5196%2011%2016.2652%2011%2016C11%2015.7348%2011.1054%2015.4804%2011.2929%2015.2929C11.4804%2015.1054%2011.7348%2015%2012%2015ZM12%206C12.2652%206%2012.5196%206.10536%2012.7071%206.29289C12.8946%206.48043%2013%206.73478%2013%207V13C13%2013.2652%2012.8946%2013.5196%2012.7071%2013.7071C12.5196%2013.8946%2012.2652%2014%2012%2014C11.7348%2014%2011.4804%2013.8946%2011.2929%2013.7071C11.1054%2013.5196%2011%2013.2652%2011%2013V7C11%206.73478%2011.1054%206.48043%2011.2929%206.29289C11.4804%206.10536%2011.7348%206%2012%206Z'%20fill='%23DB760A'/%3e%3c/svg%3e")}.toast.error{background-color:var(--error-bg);color:var(--error-text);border-color:var(--error-border)}.toast.error .message:before{content:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.2992%203.14844L21.9332%2018.1024C22.0648%2018.3305%2022.1341%2018.5891%2022.1341%2018.8524C22.1341%2019.1157%2022.0648%2019.3744%2021.9332%2019.6024C21.8015%2019.8304%2021.6122%2020.0198%2021.3842%2020.1515C21.1561%2020.2831%2020.8975%2020.3524%2020.6342%2020.3524H3.36617C3.10287%2020.3524%202.84421%2020.2831%202.61619%2020.1515C2.38816%2020.0198%202.19881%2019.8304%202.06716%2019.6024C1.93552%2019.3744%201.86621%2019.1157%201.86621%2018.8524C1.86621%2018.5891%201.93552%2018.3305%202.06717%2018.1024L10.7012%203.14844C11.2782%202.14844%2012.7212%202.14844%2013.2992%203.14844ZM12.0002%204.89844L4.23217%2018.3524H19.7682L12.0002%204.89844ZM12.0002%2015.0004C12.2654%2015.0004%2012.5197%2015.1058%2012.7073%2015.2933C12.8948%2015.4809%2013.0002%2015.7352%2013.0002%2016.0004C13.0002%2016.2657%2012.8948%2016.52%2012.7073%2016.7075C12.5197%2016.8951%2012.2654%2017.0004%2012.0002%2017.0004C11.735%2017.0004%2011.4806%2016.8951%2011.2931%2016.7075C11.1055%2016.52%2011.0002%2016.2657%2011.0002%2016.0004C11.0002%2015.7352%2011.1055%2015.4809%2011.2931%2015.2933C11.4806%2015.1058%2011.735%2015.0004%2012.0002%2015.0004ZM12.0002%208.00044C12.2654%208.00044%2012.5197%208.10579%2012.7073%208.29333C12.8948%208.48087%2013.0002%208.73522%2013.0002%209.00044V13.0004C13.0002%2013.2657%2012.8948%2013.52%2012.7073%2013.7075C12.5197%2013.8951%2012.2654%2014.0004%2012.0002%2014.0004C11.735%2014.0004%2011.4806%2013.8951%2011.2931%2013.7075C11.1055%2013.52%2011.0002%2013.2657%2011.0002%2013.0004V9.00044C11.0002%208.73522%2011.1055%208.48087%2011.2931%208.29333C11.4806%208.10579%2011.735%208.00044%2012.0002%208.00044Z'%20fill='%23E60000'/%3e%3c/svg%3e")}.toast.close{background:none;border:none;color:var(--normal-text);cursor:pointer;font-size:14px}.toast.close:hover{color:gray}@keyframes slideIn{0%{opacity:0;margin-top:-30px}to{opacity:1;margin-top:0}}.toast-close{position:absolute;top:0;right:0;padding:8px;cursor:pointer}.toast-close:hover{opacity:60%}