.sidebar-overlay{background:white;height:100vh;width:100vw;position:fixed;z-index:20;top:0;transform-origin:0 0;background:rgba(255,255,255,.1);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px)}.sidebar-wrapper.open{transform:scale(1)}.sidebar-overlay.closed{transform:scale(0)}.sidebar{position:fixed;width:300px;height:calc(100vh - 20px);box-shadow:0 0 10px #9c072320;display:grid;padding:15px;align-items:start;z-index:21;grid-gap:15px;grid-template-rows:repeat(auto-fill,50px);transition:.3s;background:var(--background);border-radius:10px;left:10px;top:10px;background-color:white;overflow:auto}.sidebar .feather{stroke:#9c0723}.sidebar-link{display:grid;grid-template-columns:auto 1fr;grid-gap:10px;background:#ffffff;border-radius:5px;padding:10px;height:50px;color:#9c0723;font-weight:700;align-items:center}html:lang("ar") .sidebar-link,html:lang("ir") .sidebar-link{grid-template-columns:1fr auto}html:lang("ar") .sidebar-link>:first-child,html:lang("ir") .sidebar-link>:first-child{grid-column:2/3}html:lang("ar") .sidebar-link>:nth-child(2),html:lang("ir") .sidebar-link>:nth-child(2){grid-column:1/2;grid-row:1;justify-self:end}.sidebar-link.active,.sidebar-link:hover{color:white;background:#9c0723}.sidebar-link.active .feather,.sidebar-link:hover .feather{stroke:white}.sidebar.open{display:grid;left:10px}html:lang("ar") .sidebar.open,html:lang("ir") .sidebar.open{display:grid;left:unset;right:10px}.sidebar.closed{left:-310px}html:lang("ar") .sidebar.closed,html:lang("ir") .sidebar.closed{display:grid;left:unset;right:-310px}@media screen and (max-width:700px){.sidebar.open{top:0;left:0;z-index:100;width:100vw;height:100vh;border-radius:0}html:lang("ar") .sidebar.open,html:lang("ir") .sidebar.open{left:unset;right:0}.sidebar.closed{top:0;left:-300px}html:lang("ar") .sidebar.closed,html:lang("ir") .sidebar.closed{left:unset;right:-300px}}.dark .sidebar-overlay{background:rgba(0,0,0,.5);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px)}.dark .sidebar{background-color:#1e1e32;box-shadow:0 0 15px rgba(0,0,0,.5)}.dark .sidebar .feather{stroke:#c9a0aa}.dark .sidebar-link{background:#252540;color:#c9a0aa}.dark .sidebar-link:hover{color:white;background:#9c0723}.dark .sidebar-link:hover .feather{stroke:white}.dark .sidebar-link.active{color:white;background:#9c0723}.dark .sidebar-link.active .feather{stroke:white}.dark .sidebar .menu-control{color:#f5f5f7}*{padding:0;box-sizing:border-box}*,.card{margin:0}.card{--card-background:var(--background);--card-width:250px;width:var(--card-width);height:300px;border-radius:20px;background:var(--card-background);overflow:hidden;position:relative;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);font-family:Avenir Next;display:grid;cursor:pointer;background-clip:padding-box}.card:hover{transform:scale(1.05)}.card .top-section{height:300px;border-radius:15px;display:grid;position:relative;overflow:hidden}.card .top-section .border{border-bottom-right-radius:20px;height:30px;width:130px;position:absolute;transform:skew(-20deg);box-shadow:-10px -20px 0 0 var(--card-background);z-index:3;background:var(--card-background)}.card .top-section .border:before{content:"";position:absolute;width:15px;height:15px;top:-1px;right:-15px;overflow:hidden;background:rgba(255,255,255,0);border-top-left-radius:30px;box-shadow:-5px -5px 0 2px var(--card-background)}.card .top-section .border:after{content:"";position:absolute;width:15px;height:15px;top:0;left:-11px;background:var(--card-background);z-index:2}.card .top-section:before{content:"";position:absolute;top:30px;left:0;background:rgba(255,255,255,0);height:15px;width:15px;border-top-left-radius:15px;box-shadow:-5px -5px 0 2px var(--card-background)}.card .top-content-wrapper{z-index:10;position:absolute;top:0;width:50%;padding:3px;display:grid;place-items:center}.card .top-content{display:grid;background:var(--accent);padding:4px 10px;text-transform:uppercase;letter-spacing:.7px;color:white;font-size:9px;font-weight:500;border-radius:10px;text-align:center;width:90%}.card .text-section{position:absolute;height:100%;width:100%;z-index:3;display:grid;padding:50px 20px 20px;align-items:start;justify-items:center}.card .text-section .title{font-size:2em;font-weight:bolder;position:relative;width:calc(var(--card-width) - 40px);color:white;letter-spacing:2px;text-shadow:1px 1px .5px #000;word-wrap:break-word;overflow-wrap:break-word}.card .text-section .teacher{text-align:right;place-self:end;color:white;width:calc(var(--card-width) - 40px);text-shadow:1px 1px .5px #000}.card .background-image{position:absolute;width:100%;display:grid}.card .background-image:before{content:"";background-color:rgb(199,173,173);height:100%;width:100%;position:absolute;top:0;left:0;opacity:.4}.card .background-image img{width:100%}.card .card-action-button{position:absolute;right:16px;bottom:16px;z-index:4;border:none;border-radius:999px;padding:10px 16px;background:rgba(26,71,49,.92);color:white;font-size:.85rem;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.25);transition:transform .2s ease,background .2s ease}.card .card-action-button:hover{transform:translateY(-1px);background:rgba(18,54,37,.98)}.dark .card{--card-background:#1e1e32}.dark .card .top-section .border{background:#1e1e32;box-shadow:-10px -20px 0 0 #1e1e32}.dark .card .top-section .border:before{box-shadow:-5px -5px 0 2px #1e1e32}.dark .card .top-section .border:after{background:#1e1e32}.dark .card .top-section:before{box-shadow:-5px -5px 0 2px #1e1e32}.dark .card .background-image:before{background-color:rgba(30,30,50,.5)}.choiceselection_selectionContainer__dAo7v{display:grid;grid-template-rows:1fr auto}.choiceselection_selectionContainer__dAo7v .choiceselection_innerWrapper__ZmACX{display:grid;grid-template-columns:auto auto 1fr;grid-gap:10px;height:50px}.choiceselection_button__9ET_4.choiceselection_imageButton__3sEsJ.choiceselection_selected__A9BCQ img{filter:invert(100%)}.choiceselection_selectionContainer__dAo7v label{color:var(--accent);font-weight:600;text-transform:uppercase;font-size:.7em;letter-spacing:1.2px}.choiceselection_customGroup__EkaLZ:has(button){display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));border-radius:5px;grid-column:1/-1}.choiceselection_customGroup__EkaLZ button{border-radius:0}.choiceselection_customGroup__EkaLZ button:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.choiceselection_customGroup__EkaLZ button:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;border-right:1.5px solid var(--accent)}.choiceselection_customGroup__EkaLZ button.choiceselection_stateButton__daH2M:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;border-right:none!important}@media screen and (max-width:700px){.choiceselection_selectionContainer__dAo7v{grid-template-columns:1fr}.choiceselection_selectionContainer__dAo7v .choiceselection_innerWrapper__ZmACX{display:grid;grid-template-columns:1fr;width:100%;height:100%}.choiceselection_customGroup__EkaLZ:has(button){border-radius:0;grid-template-rows:repeat(auto-fill,minmax(50px,1fr))}.choiceselection_customGroup__EkaLZ button{border-radius:0!important}}.selectElement{border-color:#61616B!important;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;width:100%}.middleTimeInputWrapper{border-radius:0;border:2px solid #61616b!important;border-right-width:0!important}.lastTimeInputWrapper{border:2px solid #61616b!important;border-top-left-radius:0;border-bottom-left-radius:0}.lastTimeInputWrapper:hover,.middleTimeInputWrapper:hover{border-color:var(--accent)!important}.middleTimeBase:hover+.lastTimeBase .lastTimeInputWrapper,.selectElementBase:hover+.middleTimeBase .middleTimeInputWrapper{border-left-color:var(--accent)!important}.selectElement[data-hover]{border-color:var(--accent)!important}.selectValue{color:var(--accent)!important;font-weight:700}.schedule-element{display:grid;grid-template-columns:minmax(200px,1fr) auto auto auto;align-items:center}.selectListBox>ul>li{padding:13px;color:var(--accent)}.selectItemUnique[data-focus],.selectItemUnique[data-hover]{background-color:var(--accent)!important;color:white!important}.selectListBox>ul>li>span{font-weight:800!important}.schedule-element>:last-child{margin-left:10px}.customLabel{color:var(--accent);font-size:1em;text-transform:uppercase;letter-spacing:1.3px;font-weight:700}.editCourseForm{width:100%;height:100%;border:3px solid green}.editCourseForm,.editCoursePopupBody{display:grid;grid-gap:10px}.dark .editCourseForm{border-color:#3a3a5c}.dark .editCoursePopupBody{background:#1e1e32}.objectives_objectiveList__LeV7a{display:grid;width:100%}.objectives_objectiveRow__hRB58{padding:13px;border:1px solid var(--accent);border-bottom:none;display:grid;grid-template-columns:1fr auto auto;grid-gap:5px}.objectives_objectiveRow__hRB58.objectives_borderedRows__RwnS8{border:1px dashed var(--accent)}.objectives_objectiveRow__hRB58:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.objectives_objectiveRow__hRB58:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:1px solid var(--accent)}.objectives_objectiveRow__hRB58.objectives_borderedRows__RwnS8:last-child{border-bottom:1px dashed var(--accent)}.objectives_objectiveText__Gf0L2{outline:none}.objectives_edittable__7VTES{position:relative}.objectives_edittable__7VTES:after{content:"";position:absolute;width:100%;height:1px;border-bottom:1px dashed var(--accent);top:calc(100% + 3px);left:0}.objectives_editButton__bk2ld{color:yellowgreen;font-weight:700}.objectives_saveButton__hJVXg,.objectives_saveLoader__ruxUa{color:blue;font-weight:700}.objectives_deleteButton__Zms_U,.objectives_deleteLoader__cLHh7{color:red;font-weight:700}.objectives_newObjectiveListWrapper__wUIBN{display:grid;justify-items:center;grid-gap:20px;margin-top:10px}.objectives_newObjectiveListWrapper__wUIBN h4{justify-self:start}.objectives_generateLoaderContainer__uFziK,.objectives_newObjectiveLayer__xn4sU{display:grid;background:rgb(247,254,247);border:1px dashed rgb(94,182,94);border-radius:10px;width:100%;padding:30px;place-items:center;grid-gap:10px;color:rgb(94,182,94)}.objectives_newObjectiveLayer__xn4sU{border-color:var(--blue);background:rgba(23,99,223,.285);color:var(--blue);cursor:pointer;transition:all .3s}.objectives_newObjectiveLayer__xn4sU:hover{scale:.97}.objectives_buttonWrapper__fS21f{display:grid;grid-template-columns:1fr auto;align-items:center;justify-items:end;grid-gap:10px}.objectives_cuteButton__R2j4D{padding:4px 13px;box-shadow:0 10px 36px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.06);color:white;background:var(--blue);border-radius:5px;font-size:.7em}.objectives_dark__hE1Nq .objectives_objectiveRow__hRB58{border-color:#c9a0aa;background:#252540}.objectives_dark__hE1Nq .objectives_objectiveRow__hRB58.objectives_borderedRows__RwnS8{border-color:#c9a0aa}.objectives_dark__hE1Nq .objectives_objectiveRow__hRB58.objectives_borderedRows__RwnS8:last-child,.objectives_dark__hE1Nq .objectives_objectiveRow__hRB58:last-child{border-bottom-color:#c9a0aa}.objectives_dark__hE1Nq .objectives_objectiveText__Gf0L2{color:#f5f5f7}.objectives_dark__hE1Nq .objectives_edittable__7VTES:after{border-bottom-color:#c9a0aa}.objectives_dark__hE1Nq .objectives_generateLoaderContainer__uFziK{background:rgba(109,184,88,.15);border-color:rgb(94,182,94);color:rgb(130,200,130)}.objectives_dark__hE1Nq .objectives_newObjectiveLayer__xn4sU{background:rgba(78,132,189,.2);border-color:var(--blue);color:#7ab0e0}.objectives_dark__hE1Nq .objectives_cuteButton__R2j4D{background:var(--blue);color:white}.upload_formGroup__JOulP{display:grid;grid-gap:10px;border:2px solid var(--light-grey);padding:20px;border-radius:5px;color:var(--accent);font-weight:500}.upload_fileUploadGroup__YzH1H{padding:0;display:grid;background-color:#f9f9f9;border:2px solid #ccc;min-height:130px;cursor:pointer;border-radius:8px;transition:all .3s;min-width:450px}.upload_fileUploadGroup__YzH1H:hover .upload_fileInputWrapper__9_K2v{transform:scale(1.05)}.upload_fileUploadGroup__YzH1H:hover{border-color:var(--accent)}.upload_fileUploadGroup__YzH1H img{height:20px}.upload_fileUploadGroup__YzH1H input{display:none}.upload_fileInputWrapper__9_K2v{place-self:center;transition:all .3s;display:grid;grid-template-columns:auto 1fr;grid-gap:10px;align-items:center}.upload_submitButton__YtM_p{grid-column:span 2;padding:10px 20px;background-color:#760000;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-top:20px}.upload_logo__2012e{height:50px}@media screen and (max-width:700px){.upload_fileUploadGroup__YzH1H{min-width:unset;width:100%}.upload_uploadText__8pQRx{font-size:.7em}}.overlay{position:fixed;background:#000000d0;height:100vh;height:100dvh;width:100%;overflow-x:hidden;overflow-y:auto;top:0;left:0;place-items:center;z-index:9999;margin-top:0;padding:20px}.overlay,.popup{box-sizing:border-box;display:grid}.popup{position:relative;box-shadow:var(--boxshadowD);overflow:hidden;grid-template-columns:1fr;place-items:center;border-radius:20px;background:white;transition:.4s;max-width:95%;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);place-self:center;grid-template-rows:auto 1fr auto;margin:auto}.popup.maximum{width:100vw;height:100vh;border-radius:0;max-height:unset;max-width:unset;grid-template-rows:1fr auto}.popupBody,.popupFooter,.popupHeader{position:relative;padding:13px;margin:0;border-bottom:1.3px solid #e9e8e8;width:100%;display:grid;box-sizing:border-box}.popupHeader{align-items:center;display:grid;grid-gap:20px;grid-template-columns:1fr auto}.popupTitle{font-size:1em;font-weight:600;text-transform:uppercase;color:var(--accent);text-align:left;max-width:600px;margin:0}.popup.maximum .popupHeader{border-bottom:none;position:absolute;top:0;right:0;width:auto;z-index:101;padding:20px}.popup.maximum .popupTitle{display:none}.popupBody{border:var(--debugBorder) solid purple;border-bottom:none;padding:20px;display:grid;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;grid-gap:10px;scrollbar-width:none;-ms-overflow-style:none}.popupBody::-webkit-scrollbar{display:none}.popupBody::-webkit-scrollbar-track{background:transparent}.popupBody::-webkit-scrollbar-thumb{background-color:#d7bdc5;border-radius:3px}.dark .popupBody{scrollbar-color:#3a3a5c transparent}.dark .popupBody::-webkit-scrollbar-thumb{background-color:#3a3a5c}.popupFooter{border:var(--debugBorder) solid yellow;border-bottom:none;border-top:1.3px solid #e9e8e8;min-height:72px}.popupFrame{height:100%;width:100%}.popupFrame iframe{height:inherit;width:inherit}.popup-overlay{z-index:9999!important}.popup-frame{z-index:10000!important;margin-top:20px}.dark .popup{background:#1e1e32;box-shadow:0 4px 20px rgba(0,0,0,.5)}.dark .popupHeader{border-bottom-color:#3a3a5c}.dark .popupTitle{color:#c9a0aa}.dark .popupBody{background:#1e1e32;color:#f5f5f7}.dark .popupFooter{border-top-color:#3a3a5c;background:#1e1e32}@media (max-width:576px){.overlay{padding:10px}.popup{width:100%!important;max-width:100%!important;min-width:unset!important;border-radius:12px;margin:0}.popupHeader{padding:12px}.popupTitle{font-size:.9em}.popupBody{padding:12px!important;width:100%!important;min-width:unset!important;max-width:100%!important}.popupFooter{padding:12px;min-height:60px}}@media (max-width:768px){.overlay{padding:16px}.popup{width:95%;max-width:95%}.popupBody{width:auto!important;max-width:100%}}.tableWrapper{width:100%;overflow-x:auto;overflow-y:visible;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border:1px solid rgba(var(--border-rgb,200,200,200),.2);max-height:600px;padding:24px 32px 40px}.actions-row{gap:.75rem;flex-wrap:wrap}.actions-row,.status-wrapper{display:flex;justify-content:center;align-items:center}.status-wrapper{gap:.5rem}.status{display:inline-block;height:12px;width:12px;border-radius:50%;background:#6b7280;box-shadow:0 0 0 2px rgba(255,255,255,.8);transition:all .2s ease}.status-online{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 0 2px rgba(255,255,255,.8),0 0 8px rgba(16,185,129,.4)}.status-offline{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 0 2px rgba(255,255,255,.8),0 0 8px rgba(239,68,68,.4)}.profileRing{display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background:linear-gradient(135deg,var(--accent,#8020f5),rgba(var(--accent-rgb,128,32,149),.8));color:white;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px rgba(var(--accent-rgb,128,32,149),.3),inset 0 1px 0 rgba(255,255,255,.2);transition:all .2s ease}.profileRing:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb,128,32,149),.4),inset 0 1px 0 rgba(255,255,255,.2)}.profileIconTableview,.profileRing{height:44px;width:44px;overflow:hidden;border-radius:50%;position:relative}.profileIconTableview{border:2px solid rgba(var(--border-rgb,200,200,200),.3);box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .2s ease}.profileIconTableview:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15);border-color:var(--accent,#8020f5)}.profileIconTableview img{height:100%;width:100%;object-fit:cover;transition:transform .2s ease}.profileIconTableview:hover img{transform:scale(1.05)}.tableWrapper table{background:transparent}.tableWrapper thead th{background:rgba(var(--accent-rgb,128,32,149),.05)!important;backdrop-filter:blur(10px);border-bottom:2px solid rgba(var(--accent-rgb,128,32,149),.1)!important;font-weight:600;font-size:.875rem;letter-spacing:.025em;color:var(--text,#374151);padding:1rem .75rem}.tableWrapper tbody td{padding:1rem .75rem;border-bottom:1px solid rgba(var(--border-rgb,200,200,200),.1)!important;font-weight:500;color:var(--text,#374151)}.tableWrapper tbody tr{transition:all .2s ease}.tableWrapper tbody tr:hover{background:rgba(var(--accent-rgb,128,32,149),.02)!important;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.04)}.tableWrapper tbody tr.tableRowHighlighted{background:rgba(144,238,144,.32)!important}.tableWrapper tbody tr.tableRowHighlighted:hover{background:rgba(144,238,144,.45)!important}.tableWrapper td.tableCellHighlighted{background:rgba(144,238,144,.32)!important}.tableWrapper [data-slot=input-wrapper]{background:rgba(255,255,255,.9)!important;border:2px solid rgba(var(--border-rgb,200,200,200),.3)!important;border-radius:12px!important;box-shadow:0 2px 4px rgba(0,0,0,.04)!important;transition:all .3s ease!important}@media (max-width:768px){.tableWrapper{border-radius:12px;margin:0 -.5rem}.actions-row{gap:.5rem;flex-direction:column}.profileIconTableview,.profileRing{height:36px;width:36px}.tableWrapper tbody td,.tableWrapper thead th{padding:.75rem .5rem;font-size:.85rem}}@media (max-width:480px){.tableWrapper{border-radius:8px;margin:0 -.25rem;max-height:840px}.profileIconTableview,.profileRing{height:32px;width:32px;font-size:.75rem}.tableWrapper tbody td,.tableWrapper thead th{padding:.5rem .375rem;font-size:.8rem}.status{height:10px;width:10px}}.tableWrapper td:last-child,.tableWrapper th:last-child{min-width:280px}.dark .tableWrapper{background:#252540;border-color:rgba(58,58,92,.4);box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}.dark .tableWrapper thead th{background:rgba(37,37,64,.8)!important;border-bottom-color:rgba(58,58,92,.4)!important;color:#f5f5f7}.dark .tableWrapper tbody td{border-bottom-color:rgba(58,58,92,.3)!important;color:#f5f5f7}.dark .tableWrapper tbody tr:hover{background:rgba(37,37,64,.6)!important}.dark .tableWrapper tbody tr.tableRowHighlighted{background:rgba(92,153,92,.45)!important}.dark .tableWrapper tbody tr.tableRowHighlighted:hover{background:rgba(92,153,92,.58)!important}.dark .tableWrapper td.tableCellHighlighted{background:rgba(92,153,92,.45)!important}.dark .tableWrapper [data-slot=input-wrapper]{background:rgba(37,37,64,.9)!important;border-color:rgba(58,58,92,.5)!important;color:#f5f5f7}.dark .tableWrapper [data-slot=input-wrapper]:focus-within{border-color:#c9a0aa!important;box-shadow:0 0 0 4px rgba(201,160,170,.15),0 4px 12px rgba(0,0,0,.2)!important}.dark .tableWrapper input{color:#f5f5f7!important}.dark .tableWrapper input::placeholder{color:#9090a8!important}.dark .profileRing{background:linear-gradient(135deg,#6F2036,rgba(111,32,54,.8));border-color:rgba(201,160,170,.3);box-shadow:0 2px 8px rgba(111,32,54,.4),inset 0 1px 0 rgba(255,255,255,.1)}.dark .profileRing:hover{box-shadow:0 4px 12px rgba(111,32,54,.5),inset 0 1px 0 rgba(255,255,255,.1)}.dark .profileIconTableview{border-color:rgba(58,58,92,.5);box-shadow:0 2px 8px rgba(0,0,0,.3)}.dark .profileIconTableview:hover{border-color:#c9a0aa;box-shadow:0 4px 12px rgba(0,0,0,.4)}.dark .status{box-shadow:0 0 0 2px rgba(30,30,50,.8)}.dark .status-online{box-shadow:0 0 0 2px rgba(30,30,50,.8),0 0 8px rgba(16,185,129,.5)}.dark .status-offline{box-shadow:0 0 0 2px rgba(30,30,50,.8),0 0 8px rgba(239,68,68,.5)}.dark .tableWrapper [data-slot=empty-content]{color:#9090a8}.sidepane_overlay__e4_tt{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:flex-end;z-index:1000;animation:sidepane_fadeIn__aCe4q .2s ease-out}@keyframes sidepane_fadeIn__aCe4q{0%{opacity:0}to{opacity:1}}@keyframes sidepane_slideIn__AG0do{0%{transform:translateX(100%)}to{transform:translateX(0)}}.sidepane_sidePane__UiT30{background-color:#ffffff;width:100%;max-width:450px;height:100%;display:flex;flex-direction:column;box-shadow:-4px 0 20px rgba(0,0,0,.15);animation:sidepane_slideIn__AG0do .3s ease-out}.sidepane_sidePaneHeader__oS61V{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:2px solid #e5e5e5;flex-shrink:0}.sidepane_sidePaneTitle__C6oDP{font-size:1rem;font-weight:600;text-transform:uppercase;color:#6F2036;margin:0;letter-spacing:.5px}.sidepane_closeButton__Jtsh4{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background-color:#6F2036;color:#ffffff;cursor:pointer;transition:all .2s ease;flex-shrink:0}.sidepane_closeButton__Jtsh4:hover{background-color:#8a2a45;transform:scale(1.05)}.sidepane_closeButton__Jtsh4:active{transform:scale(.95)}.sidepane_closeButton__Jtsh4 svg{display:block}.sidepane_sidePaneContent__DYvhV{flex:1;overflow-y:auto;padding:20px}@media (max-width:500px){.sidepane_sidePane__UiT30{max-width:100%}.sidepane_sidePaneHeader__oS61V{padding:14px 16px}.sidepane_sidePaneContent__DYvhV{padding:16px}.sidepane_closeButton__Jtsh4{width:32px;height:32px}.sidepane_closeButton__Jtsh4 svg{width:16px;height:16px}}.dark .sidepane_overlay__e4_tt{background:rgba(0,0,0,.75)}.dark .sidepane_sidePane__UiT30{background-color:#1e1e32;box-shadow:-4px 0 20px rgba(0,0,0,.4)}.dark .sidepane_sidePaneHeader__oS61V{border-bottom-color:#3a3a5c}.dark .sidepane_sidePaneTitle__C6oDP{color:#c9a0aa}.dark .sidepane_closeButton__Jtsh4{background-color:#6F2036;color:#ffffff}.dark .sidepane_closeButton__Jtsh4:hover{background-color:#8a2a45}.dark .sidepane_sidePaneContent__DYvhV{color:#f5f5f7}.CreditCard_cardComponent__JmfVk{display:grid;grid-template-rows:auto auto 1fr;grid-gap:20px;justify-items:center;place-self:center;overflow:scroll}.CreditCard_creditcardContainer___21ux{display:grid;width:400px;aspect-ratio:5/3;overflow:hidden;position:relative;border-radius:20px;perspective:1000px}.CreditCard_creditcardInner__3OTR_{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,.2,.2,1)}.CreditCard_flipped__Snj41 .CreditCard_creditcardInner__3OTR_{transform:rotateY(180deg)}.CreditCard_creditcardBack__xRrXN,.CreditCard_creditcardFront__Fb3qq{position:absolute;width:100%;height:100%;border-radius:20px;backface-visibility:hidden;overflow:hidden}.CreditCard_creditcardFront__Fb3qq{z-index:2}.CreditCard_creditcardBack__xRrXN{transform:rotateY(180deg);position:relative;z-index:1;display:grid;align-items:start}.CreditCard_creditcardBackground__KxD_j{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(135deg,#ae000080 50%,transparent 0),linear-gradient(-135deg,#ae000080 50%,transparent 0);background-size:4em 4em;background-color:#ffbdbd;opacity:1}.CreditCard_creditcardTopOverlay__6YK7u{position:absolute;top:0;left:0;display:grid;grid-template-columns:1fr auto;grid-gap:20px;align-items:center;width:100%;padding:10px 20px 0}.CreditCard_contactlessImageContainer__aLN7N,.CreditCard_visaImageContainer__O_3Js{display:grid}.CreditCard_creditcardBottomOverlay__210GH{background:rgba(255,255,255,.1);box-shadow:0 0 10px rgba(0,0,0,.2);backdrop-filter:blur(8px);position:absolute;bottom:0;width:100%;z-index:1;padding:18px;display:grid;grid-template-columns:1fr auto}.CreditCard_creditcardNumber__A0fLi{font-family:Menlo,monospace;color:white;background:transparent;border:none;font-size:16px;letter-spacing:1px;outline:none;grid-row:1}.CreditCard_creditcardNumber__A0fLi::placeholder{color:white;font-size:12px}.CreditCard_creditcardNameHolder__MVrK0{font-family:Menlo,monospace;color:white;font-size:13px;font-weight:800;grid-row:2}.CreditCard_creditcardCVV__jZfsu,.CreditCard_creditcardExpiry__Nu0Iq{display:grid;grid-gap:10px;grid-template-columns:auto auto;color:white}.CreditCard_cvvText__m4P_P,.CreditCard_expiryText__XCC12{font-family:Avenir Next,sans-serif}.CreditCard_cvvValue__XRdbY,.CreditCard_expiryDate__O62VQ{font-family:Menlo,monospace;letter-spacing:-1px}.CreditCard_blackStripe__5NNq4{width:100%;height:60px;background-color:black;border-radius:4px;z-index:10;display:grid;align-items:center;justify-items:end;padding-right:20px;margin-top:40px}.CreditCard_creditcardCVV__jZfsu{display:grid;grid-gap:10px;grid-template-columns:auto auto;color:white}.CreditCard_flipButton__zJPU8{background:white;box-shadow:0 4px 12px rgba(0,0,0,.08);height:40px;width:40px;border-radius:50%;display:grid;place-items:center;background-color:#f3a5a5;cursor:pointer}.CreditCard_flipButton__zJPU8 img{height:20px;width:20px;filter:invert(100%)}.CreditCard_cardFormContainer__l1q8Y{display:grid;grid-gap:20px;grid-template-columns:1fr 1fr;width:400px;position:relative}.CreditCard_cardInputField__M_WyC{border-radius:10px;width:100%;padding:14px;display:grid;align-items:center;border:1px solid #ccc;position:relative;background-color:transparent}.CreditCard_cardInputField__M_WyC input{color:#444;grid-row:unset;background:transparent;border:none;outline:none;width:100%}.CreditCard_cardInputField__M_WyC input::placeholder{color:#444}.CreditCard_withLogo__4rJk1{display:grid;grid-template-columns:auto 1fr;grid-gap:20px}.CreditCard_spanX__lDgxH{grid-column:1/-1}.CreditCard_button__6SpkZ{padding:7px 26px;border:2px solid #d28181;background:#f3a5a5;color:white;font-family:Avenir Next,sans-serif;border-radius:10px;justify-self:end;cursor:pointer}.CreditCard_amountContainer__F6XyI{display:grid;border-radius:5px;width:100%;grid-gap:20px}.CreditCard_amountInput__05Y9J{display:grid;grid-template-columns:auto 1fr auto;border:2px solid #c43e37;border-radius:5px;color:#c43e37}.CreditCard_amountText__eq96i{background:#c43e37;color:white;font-weight:700;padding:10px 15px;border-top-right-radius:5px;border-bottom-right-radius:5px}.CreditCard_amountInput__05Y9J input{color:#444;grid-row:unset;background:transparent;outline:none;width:100%;border:none;border-right:2px solid #c43e37;padding:10px;text-align:right;color:#c43e37;font-weight:800;font-family:Menlo}.CreditCard_currency__rqbgZ{padding:10px 15px;display:grid;place-items:center;text-align:center;font-weight:800}.CreditCard_totalTokensContainer___Mzwh{display:grid;grid-template-columns:auto auto;grid-gap:10px;justify-self:end}.CreditCard_tokenText__hGD0q{font-weight:700}.CreditCard_tokenValue__xdOJn{font-weight:400}.dark .CreditCard_cardInputField__M_WyC{background-color:#252540;border-color:#3a3a5c}.dark .CreditCard_cardInputField__M_WyC input{color:#f5f5f7}.dark .CreditCard_cardInputField__M_WyC input::placeholder{color:#9090a8}.dark .CreditCard_amountInput__05Y9J{border-color:#c9a0aa;color:#c9a0aa}.dark .CreditCard_amountInput__05Y9J input{color:#c9a0aa;border-right-color:#c9a0aa}.dark .CreditCard_amountText__eq96i{background:#c9a0aa}.dark .CreditCard_currency__rqbgZ{color:#c9a0aa}.dark .CreditCard_totalTokensContainer___Mzwh{color:#f5f5f7}.dark .CreditCard_tokenText__hGD0q{color:#c9a0aa}.dark .CreditCard_tokenValue__xdOJn{color:#f5f5f7}