.timeline-options{text-align:center;margin:auto;max-width:600px;padding-bottom:16px;padding-top:8px;display:flex;flex-direction:row;border:0px none;flex:1;gap:8px;align-content:center;transition-duration:.3s}.timeline-options .option-item{flex:1;text-align:center;cursor:pointer;padding:8px;border-radius:16px}.timeline-options .selected{background-color:#efefef;color:#414141;transition-duration:.3s}.timeline-options .selected:hover{background:#d6d6d6}.timeline-options .unselected{background-color:#303030;color:#efefef;transition-duration:.3s}.timeline-options .unselected:hover{background:#4a4a4a}.timeline{gap:16px;color:#efefef;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.main-contents{gap:16px;width:100%}.img-container{display:flex;flex-direction:row;scroll-snap-type:proximity;width:100%;gap:64px;overflow-x:scroll;padding-top:0%}::-webkit-scrollbar{display:none;align-items:center;justify-items:center}.img-content{container-type:inline-size;background-repeat:no-repeat;background-size:contain;background-color:#303030;background-position:center;border-radius:16;height:auto;min-height:100px;width:100%;height:60vh}.policy-container{background-color:#414141;color:#efefef;border-radius:16px;padding:6px}.policy-container .policy-content{background-color:#303030;border-radius:10px;padding:8px;text-align:start}.policy-container .policy-content .text{overflow-wrap:break-word;text-align:start;color:#efefef}.full-img-content{width:100%;height:100vh;background-repeat:no-repeat;background-size:contain;background-color:#303030;background-position:center;border-radius:16;z-index:1;scroll-snap-align:center}.full-img-container{width:100%;height:100vh;scroll-snap-type:mandatory;display:flex;flex-direction:row}.primary-button{background-color:#efefef;color:#414141;padding:16px;width:100%;border-radius:16px;text-align:center;box-shadow:none;border:2px solid transparent;cursor:pointer;transition-duration:.3s}.primary-button:hover{background-color:#d6d6d6;border:2px solid transparent}.primary-button:active{background-color:#a3a3a3}.secondary-button{background-color:#303030;color:#efefef;padding:16px;width:100%;border-radius:16px;text-align:center;box-shadow:none;cursor:pointer;transition-duration:.3s;border:2px solid #efefef}.secondary-button:hover{background-color:#5a5a5a}.secondary-button:active{background-color:#8e8e8e}.analytics-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));background:#414141;color:#efefef;border-radius:16px;margin-bottom:16px;padding:6px;gap:6px}.analytics-card .container{flex:1;color:#efefef;display:flex;flex-direction:column;gap:6px}.analytics-card .container .content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex:1;padding:16px;border-radius:10px;transition-duration:.3s;cursor:pointer}.analytics-card .container .content:hover{background:#4e4e4e}.organization-options{text-align:center;margin:8px auto;max-width:600px;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));border:0px none;flex:1;gap:8px;align-content:center}.organization-options .option-item{flex:1;text-align:center;cursor:pointer;padding:8px;border-radius:16px}.organization-options .selected{transition-duration:.3s;background-color:#efefef;color:#414141}.organization-options .selected:hover{background:#d6d6d6}.organization-options .unselected{transition-duration:.3s;background-color:#303030;color:#efefef}.organization-options .unselected:hover{background:#4a4a4a}.earnings .grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:8px}.package{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;color:#efefef}.package-menu-card{max-width:800px;display:flex;flex-direction:column;gap:16px;margin:auto auto 16px;background-color:#414141;border-radius:16px}.package-menu-card .content{color:#efefef;text-align:center;padding:16px;cursor:pointer;flex:1;background-color:#414141}.package-menu-card .content:hover{background-color:#4e4e4e}.package-menu-card .content h2{margin:auto}.input-text-box{align-items:stretch;border-radius:16px;color:#efefef;flex-direction:column;display:flex;background-color:#414141;padding:8px 16px}.input-text-box .text-box{background-color:#414141;font-size:large;border-bottom:1px solid #707070;border-top:none;border-left:none;border-right:none;flex:1;color:#efefef;height:100%}.input-text-box .text-box:active{border-bottom:1px solid #efefef;box-shadow:0;border-top:none;border-left:none;border-right:none}.input-text-box .text-box:focus{border-bottom:1px solid #efefef;box-shadow:0;outline:0px;border-top:none;border-left:none;border-right:none}.input-text-box .input-title{font-size:small;text-align:left;align-items:start}.post .uploader{position:relative;border-radius:16px;width:100%;height:180px;background:#414141;overflow:hidden;cursor:pointer;transition-duration:.3s}.post .uploader:hover{background:#4e4e4e}.post .uploader:before{display:flex;align-items:center;justify-content:center;position:absolute;inset:24px;color:#efefef;font-size:14px;content:"ファイルをドロップするかクリックして追加";pointer-events:none;cursor:pointer}.post .uploader input{display:block;position:absolute;top:0;left:0;width:999px;height:999px;font-size:999px;opacity:0}.post .selected-files-list{margin-top:8px;display:flex;flex-direction:column}.post .file-unselected{text-align:center;color:#efefef}.post .item-container{width:150px;padding:0}.post .wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.post p{margin:10px 0 0}.post .drag-and-drop-area{color:#fff;border-radius:16px;width:100%;background-color:#414141;cursor:pointer;aspect-ratio:4/3}.post .icon{height:200px;width:200px;margin:auto}.post .contents{height:90%;display:flex;flex-direction:column;align-content:center;justify-content:center;text-align:center}.post-options{display:flex;flex-direction:column;gap:16px}.post-options .file-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));border:0px none;flex:1;gap:8px;align-content:center}.post-options .file-options .option-item{flex:1;text-align:center;cursor:pointer;padding:8px;border-radius:16px}.post-options .file-options .selected{transition-duration:.3s;background-color:#efefef;color:#414141}.post-options .file-options .selected:hover{background:#d6d6d6}.post-options .file-options .unselected{transition-duration:.3s;background-color:#303030;color:#efefef}.post-options .file-options .unselected:hover{background:#4a4a4a}.setting-list{max-width:800px;margin:auto;gap:16px;display:flex;flex-direction:column}.setting-list .uploader{position:relative;border-radius:16px;width:100%;height:180px;background:#414141;overflow:hidden;cursor:pointer;transition-duration:.3s}.setting-list .uploader:hover{background:#4e4e4e}.setting-list .uploader:before{display:flex;align-items:center;justify-content:center;position:absolute;inset:24px;color:#efefef;font-size:14px;content:"ファイルをドロップするかクリックして追加";pointer-events:none;cursor:pointer}.setting-list .uploader input{display:block;position:absolute;top:0;left:0;width:999px;height:999px;font-size:999px;opacity:0}.setting-list .selected-files-list{margin-top:8px;display:flex;flex-direction:column}.setting-list .file-unselected{text-align:center;color:#efefef}.setting-list .item-container{width:150px;padding:0}.setting-list .wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.setting-list p{margin:10px 0 0}.setting-list .drag-and-drop-area{color:#fff;border-radius:16px;width:100%;background-color:#414141;cursor:pointer;aspect-ratio:4/3}.setting-list .icon{height:200px;width:200px;margin:auto}.setting-list .contents{height:90%;display:flex;flex-direction:column;align-content:center;justify-content:center;text-align:center}.setting-list .text-box{background-color:#414141;font-size:large;border-bottom:1px solid #707070;border-top:none;border-left:none;border-right:none;flex:1;color:#efefef;height:100%}.setting-list .text-box:active{border-bottom:1px solid #efefef;box-shadow:0;border-top:none;border-left:none;border-right:none}.setting-list .text-box:focus{border-bottom:1px solid #efefef;box-shadow:0;outline:0px;border-top:none;border-left:none;border-right:none}.setting-list .input-text-box{align-items:stretch;border-radius:16px;color:#efefef;flex-direction:column;display:flex;background-color:#414141;padding:8px 16px}.setting-list .input-title{font-size:small;text-align:left;align-items:start}.setting-list .post-options{display:flex;flex-direction:column;gap:16px}.container{container-type:inline-size}.card{display:grid}.card:has(.visual){grid-template-columns:1fr 1fr}.card:has(.visual) h1{font-size:2rem}.card:not(:has(.visual)) h1{font-size:4rem}@container (max-width: 400px){.card:has(.visual){grid-template-columns:1fr}}body{font-family:system-ui}.card{background:lightblue;padding:1rem;gap:1rem}.visual{background:white;display:grid;place-items:center;font-size:96px}.follow-follower-widget .follow-select-buttons{margin:auto;max-width:600px;padding-top:8px;display:flex;flex-direction:row;border:0px none;flex:1;gap:8px;align-content:center}.follow-follower-widget .follow-select-buttons .option-item{flex:1;text-align:center;cursor:pointer;padding:8px;border-radius:16px}.follow-follower-widget .follow-select-buttons .selected{transition-duration:.3s;background-color:#efefef;color:#414141}.follow-follower-widget .follow-select-buttons .unselected{transition-duration:.3s;background-color:#303030;color:#efefef}.follow-follower-widget .follow-select-buttons .selected:hover{background:#d6d6d6}.follow-follower-widget .follow-select-buttons .unselected:hover{background:#4a4a4a}.body-default{margin:0;font-family:-apple-system,BlinkMacSystemFont,Noto Sans JP,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#303030;font-family:Noto Sans JP,sans-serif;font-style:"normal";font-weight:"400";font-size:"16px"}.code-default{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.row{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.column{display:flex;flex-direction:column;flex-wrap:wrap;gap:8px}.grid-default{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}::-webkit-scrollbar-track{background-color:#e4e4e4;border-radius:100px}::-webkit-scrollbar-thumb{background-color:#d4aa70;border-radius:100px}.drawer{height:100%;display:flex;flex-direction:column;position:fixed;inset:0;margin:0;z-index:200}.logo{display:flex;align-items:center;flex-direction:column;justify-content:center;z-index:1000}.icon{display:flex;align-items:center;justify-content:center;z-index:1000;color:#efefef;width:24px;height:24px}@media (max-width: 520px){.default-nav{transition-duration:.3s;display:none;visibility:hidden}.bottom-nav{width:100%;display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;margin:0;z-index:200;border-radius:16px;background-color:#414141;visibility:visible;transition-duration:.3s;z-index:1000;justify-content:center}.bottom-nav .default-ul{margin:0;width:95%;display:flex;list-style:"none";padding:6px;gap:6px;flex-direction:row;justify-content:center;align-items:center;color:#efefef}.bottom-nav .default-ul .li{justify-content:center;width:100%;display:flex;flex-direction:row;align-items:center;gap:16px;padding:12px;text-align:center;border-radius:10px;cursor:pointer;color:#414141;transition-duration:.3s}.bottom-nav .default-ul .li:hover{background-color:#4e4e4e}.bottom-nav .default-ul .li:active{background-color:#8e8e8e}}@media (min-width: 520px){.bottom-nav{display:none;visibility:hidden;transition-duration:.3s}}.default-nav{transition-duration:.3s;z-index:1000}.default-nav .default-ul{display:flex;list-style:"none";padding:6px;margin:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:#414141;color:#efefef;border-radius:16px}.li{display:flex;flex-direction:row;align-items:center;gap:16px;padding:12px;text-align:center;border-radius:10px;cursor:pointer;color:#414141;transition-duration:.3s}.li:hover{background-color:#4e4e4e}.li:active{background-color:#8e8e8e}.selected{background-color:#efefef;color:#414141}.selected:hover{color:#414141;background-color:#e2e2e2}.account{border-radius:10px;width:46px;height:46px;aspect-ratio:1}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;transition-delay:0ms;transition-duration:.3s;background-color:#414141;color:#efefef;text-align:center;border-radius:16px;padding:0 5px;margin-left:36px;width:100px;position:absolute;z-index:2;overflow:visible}.tooltip:hover .tooltiptext{transition-delay:1s;transition-duration:.3s;visibility:visible}.header{width:100%;display:flex}.li{display:flex}.icon{flex-direction:row;align-items:center}.panel-wrap{padding-left:80px;padding-right:16px;transition-duration:.3s}@media (max-width: 520px){.panel-wrap{transition-duration:.3s;padding-left:8px;padding-right:16px;padding-bottom:78px}}